*{box-sizing:border-box}
body{margin:0;background:#f6f3ed;color:#25312f;font:16px 'Segoe UI',Calibri,Arial,sans-serif}
main{max-width:1080px;margin:auto;padding:clamp(30px,8vw,96px) clamp(16px,4vw,36px)}
.intro{max-width:650px;margin-bottom:36px}
.eyebrow,.source{color:#0f665f;font-weight:750;font-size:.85rem}
h1{font-size:clamp(2rem,6vw,3.65rem);line-height:1.05;letter-spacing:-.04em;margin:12px 0}
.intro p,.category p,.independent{line-height:1.6;color:#56625d}
.intro .eyebrow{color:#0f665f}
.categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.category{display:flex;flex-direction:column;align-items:flex-start;min-height:230px;padding:clamp(20px,4vw,34px);text-decoration:none;color:inherit;background:#fffdf8;border:1px solid #ded6c7;border-top:4px solid #0f766e;border-radius:12px;box-shadow:0 2px 12px #25312f10}
.category:hover,.category:focus-visible{border-color:#0f766e;outline-offset:3px}
.category h2{margin:10px 0 0;font-size:clamp(1.2rem,3.5vw,1.75rem)}
.category p{margin:10px 0 22px}
.category-cta{margin-top:auto;color:#0f665f;font-weight:750}
.independent{margin-top:24px;font-size:.9rem}
@media(max-width:640px){.categories{grid-template-columns:1fr}.intro{margin-bottom:24px}.category{min-height:0}}