/* Content pages share the landing palette and remain usable without JavaScript. */
.content-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:24px;border-bottom:1px solid var(--line)}
.content-header nav{display:flex;gap:24px;flex-wrap:wrap;font-size:.875rem}.content-header nav a,.breadcrumbs a,.content-footer a{padding-block:12px;display:inline-block}
.breadcrumbs{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:.8125rem;align-items:center;margin-bottom:36px}
.content-article{padding-top:28px}.article-intro{max-width:900px;margin-bottom:56px}.article-intro h1,.resource-hub h1{font:400 clamp(2.4rem,5.2vw,4.6rem)/1.1 var(--serif);letter-spacing:-1.5px;margin:20px 0 24px;overflow-wrap:anywhere}
.article-lead{font-size:1.2rem;line-height:1.7;max-width:760px;color:var(--muted)}.article-layout{display:grid;grid-template-columns:minmax(0,740px) minmax(0,290px);gap:70px;align-items:start}
.article-copy section{margin-bottom:48px;scroll-margin-top:28px}.article-copy h2{font-size:clamp(1.65rem,2.6vw,2.15rem);line-height:1.22;letter-spacing:-.6px;margin-bottom:20px}.article-copy p,.article-copy li{font-size:1rem;line-height:1.85}.article-copy p+p{margin-top:18px}.article-copy ol{padding-left:24px}.article-copy li+li{margin-top:14px}.article-copy a{color:#365d38;text-decoration:underline;text-underline-offset:4px}
.article-aside{min-width:0}.article-aside figure{margin:0;background:#ecefe1;border:1px solid var(--line);border-radius:20px;padding:20px}.article-aside img{width:100%;height:auto;border-radius:12px;display:block}.article-aside figcaption{font-size:.75rem;line-height:1.7;color:var(--muted);padding-top:14px}.article-aside nav{display:grid;gap:4px;margin-top:30px;font-size:.875rem}.article-aside nav strong{margin-bottom:10px}.article-aside nav a{display:block;padding-block:10px;line-height:1.5;border-bottom:1px solid var(--line)}
.article-cta{background:#e9eddd;border-radius:20px;padding:32px;margin-block:44px}.article-cta .button{margin-top:24px;text-decoration:none;color:#f8f7f0}.resource-hub{padding-block:28px 70px}.resource-hub>h2{margin-top:64px;margin-bottom:28px}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-block:28px}.resource-card{display:flex;flex-direction:column;min-width:0;padding:28px;border:1px solid var(--line);border-radius:18px;background:#f2f3e9;transition:background .15s}.resource-card:hover{background:#e7edda}.resource-card h3{font-size:1.3rem;line-height:1.35;margin-block:18px 14px;overflow-wrap:anywhere}.resource-card p{font-size:.9375rem;line-height:1.7;color:var(--muted)}.resource-more{margin-top:auto;padding-top:24px;font-size:.875rem;font-weight:600}.resource-hub .resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related{padding-block:32px 80px}.related>h2,.home-resources>h2{margin-top:18px}.home-resources .section-lead{max-width:650px}.related>.text-link,.home-resources>.text-link{display:inline-flex;padding-block:16px}
.card-illustration{background:#31533b;color:#f8f7f0;border-radius:20px;padding:26px;display:grid;gap:24px}.card-illustration>span:first-child{letter-spacing:3px;font-size:.75rem}.card-illustration strong{font:1.8rem/1.2 var(--serif)}.illustration-code{height:55px;background:repeating-linear-gradient(90deg,#f8f7f0 0 2px,transparent 2px 5px,#f8f7f0 5px 6px,transparent 6px 10px)}.card-illustration small{font-size:.75rem;line-height:1.6}.content-footer{border-top:1px solid var(--line);padding-block:24px 36px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;font-size:.8125rem}.content-footer nav{display:flex;gap:20px;flex-wrap:wrap}.content-footer small{margin-left:auto;color:var(--muted)}
@media(max-width:850px){.article-layout{gap:32px;grid-template-columns:minmax(0,1fr) 220px}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-header{gap:16px;flex-wrap:wrap}.content-header nav{order:3;width:100%;gap:20px}.article-intro{margin-bottom:36px}}
@media(max-width:600px){.article-layout{display:flex;flex-direction:column}.article-copy{min-width:0;width:100%}.article-aside{width:100%;display:grid;gap:24px}.article-aside figure{max-width:300px;margin-inline:auto}.article-aside nav{margin:0}.article-aside nav a{min-height:44px}.resource-grid,.resource-hub .resource-grid{grid-template-columns:1fr}.article-intro h1,.resource-hub h1{font-size:2.4rem;letter-spacing:-1px}.article-lead{font-size:1.0625rem}.content-header .brand{font-size:1.4rem}.content-header>.button{padding:12px 16px;font-size:.875rem}.content-header nav{font-size:.8125rem}.article-cta{padding:24px}.content-footer{display:block}.content-footer nav{gap:8px 20px;margin-block:12px}.resource-card{padding:24px}.related{padding-top:48px}}
@media(prefers-reduced-motion:reduce){.resource-card{transition:none}}
@media(max-width:600px){.article-intro h1,.resource-hub h1{font-size:clamp(1.4rem,7.5vw,2.4rem);line-height:1.15;letter-spacing:-.5px}}
.card-illustration{min-width:0;overflow-wrap:anywhere}.card-illustration strong{font-size:clamp(1.25rem,3vw,1.8rem)}
@media(max-width:600px){.article-aside{grid-template-columns:minmax(0,1fr)}}