/* Editorial feature, resource and FAQ pages */
.seo-topic{padding-top:34px;padding-bottom:84px}
.seo-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:9px;font-size:.83rem;color:#52665b;margin:18px 0 32px}
.seo-crumbs a{text-decoration:underline;text-underline-offset:3px}
.seo-crumbs span{color:#63776c}
.seo-topic-intro{max-width:930px;margin-bottom:44px}
.seo-topic-intro h1{font-size:clamp(2.35rem,5vw,4.35rem);line-height:1.11;letter-spacing:-.045em;margin:0 0 22px;max-width:930px}
.seo-intro{font-size:clamp(1.13rem,2vw,1.32rem);line-height:1.65;color:#4e6158;max-width:860px}
.seo-development-note{border-left:4px solid var(--forest);padding:12px 17px;background:#f1f5f1;color:#445b4d;font-size:.96rem;line-height:1.6;border-radius:0 12px 12px 0}
.seo-topic-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:70px;align-items:start}
.seo-topic-section{margin:0 0 46px}
.seo-topic-section h2{font-size:clamp(1.6rem,2.7vw,2.25rem);letter-spacing:-.03em;line-height:1.19;margin:0 0 18px}
.seo-topic-section h3{font-size:1.23rem;line-height:1.35;margin:24px 0 10px}
.seo-topic-section p,.seo-topic-section li{font-size:1.035rem;line-height:1.85;color:#4b5d53}
.seo-topic-section ul,.seo-topic-section ol{padding-left:24px}
.seo-topic-section li{margin:10px 0}
.seo-sidebar{background:#f7f3ec;border:1px solid #e8e5dc;border-radius:24px;padding:26px;position:sticky;top:105px}
.seo-sidebar h2{font-size:1.35rem;line-height:1.3;margin:0 0 12px}
.seo-sidebar p{line-height:1.65;color:#526159}
.seo-sidebar .btn{border-radius:14px;text-align:center;font-size:.89rem;padding:13px;margin:10px 0;display:flex}
.seo-side-link{display:block;margin-top:12px;text-decoration:underline;font-size:.94rem}
.seo-faq{border-top:1px solid var(--line)}
.seo-faq details{border-bottom:1px solid var(--line);padding:17px 0}
.seo-faq summary{font-weight:700;cursor:pointer;list-style:revert;padding-right:8px}
.seo-faq details p{margin:10px 0 2px}
.seo-related{display:grid;gap:12px}
.seo-topic-link{padding:14px 16px;background:#f5f7f2;border:1px solid #dce7df;border-radius:12px;display:flex;justify-content:space-between;gap:12px;font-weight:700;color:#355646}
.seo-topic-link:hover{background:#eaf1e9}
.seo-topic-cta{margin:32px 0 0;padding:38px;border-radius:26px;background:#eaf1ea}
.seo-topic-cta h2{font-size:clamp(1.65rem,2.6vw,2.3rem);line-height:1.2;margin:0}
.seo-topic-cta p{max-width:770px;line-height:1.7;color:#455e4c}
.seo-topic-cta .btn{margin-top:8px}
.seo-hub-hero{padding:46px 0 30px;max-width:880px}
.seo-hub-hero h1{font-size:clamp(2.55rem,5vw,4.5rem);line-height:1.09;letter-spacing:-.045em;margin:10px 0 20px}
.seo-hub-hero p{font-size:1.16rem;color:#56695e;line-height:1.7}
.seo-hub-section{margin:30px 0 70px}
.seo-hub-section h2{font-size:clamp(1.75rem,3vw,2.65rem);letter-spacing:-.035em;margin-bottom:12px}
.seo-hub-section>p{max-width:760px;line-height:1.7;color:#56695e}
.seo-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px}
.seo-card{border:1px solid var(--line);border-radius:20px;background:#fff;padding:24px;display:flex;flex-direction:column;gap:10px}
.seo-card h3{font-size:1.25rem;margin:0;line-height:1.3}
.seo-card p{margin:0;line-height:1.6;color:#5b6a60;flex:1}
.seo-card a{color:var(--forest);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.seo-card .seo-card-kicker{font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:#597b62}
.seo-card .status{font-size:.78rem;color:#6a5b32;background:#fcf6e8;padding:4px 10px;border-radius:7px;align-self:start}
.seo-quicklinks{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}
.seo-quicklinks a{border:1px solid var(--line);border-radius:999px;padding:9px 14px;background:white;font-weight:600;font-size:.92rem}
.seo-hub-banner{background:#eaf1ea;border-radius:26px;padding:36px;margin:25px 0 78px}
.seo-hub-banner h2{margin:0 0 10px}
.seo-hub-banner p{max-width:760px;line-height:1.7}
.seo-hub-banner .btn{margin-top:8px}
@media(max-width:900px){.seo-topic-layout{grid-template-columns:minmax(0,1fr);gap:10px}.seo-sidebar{position:static}.seo-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-topic-intro{margin-bottom:24px}}
@media(max-width:600px){.seo-topic{padding-top:12px}.seo-crumbs{margin:12px 0 25px}.seo-topic-intro h1{font-size:2.25rem}.seo-card-grid{grid-template-columns:1fr}.seo-topic-cta,.seo-hub-banner{padding:24px;border-radius:19px}.seo-topic-section{margin-bottom:32px}}

/* Keep feature group headings visible beneath the sticky navigation. */
.seo-hub-section[id]{scroll-margin-top:105px}
.seo-topic-section p a,.seo-topic-section li a{color:var(--forest);text-decoration:underline;text-underline-offset:3px;font-weight:600}
.seo-faq summary:focus-visible,.seo-card a:focus-visible,.seo-topic-link:focus-visible,.seo-quicklinks a:focus-visible{outline:3px solid var(--forest);outline-offset:3px}
