/* V17.25: small, crawler-visible navigation surfaces. Inherits the original palette and typography. */
.seo-home-directory{max-width:1280px;margin:4.2rem auto 3.2rem;padding:2rem clamp(1rem,3vw,2.5rem);border-top:1px solid rgba(35,70,50,.16)}
.seo-directory-head{max-width:680px;margin-bottom:1.5rem}
.seo-directory-head h2{font-size:clamp(1.7rem,3.4vw,2.75rem);line-height:1.12;margin:.5rem 0 .65rem}
.seo-directory-head p{line-height:1.6}
.seo-directory-grid,.seo-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.seo-directory-grid a,.seo-tool-card{min-width:0;display:flex;flex-direction:column;gap:.65rem;padding:1.35rem;border:1px solid rgba(35,70,50,.17);background:#fffdf8;border-radius:20px;color:#263e30;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s}
.seo-directory-grid a:hover,.seo-tool-card:hover{border-color:#537a4d;transform:translateY(-2px);box-shadow:0 8px 22px rgba(20,55,30,.08)}
.seo-directory-grid a:focus-visible,.seo-tool-card:focus-visible,.seo-inline-links a:focus-visible{outline:3px solid #376b54;outline-offset:4px}
.seo-directory-grid strong{font-size:1.22rem}
.seo-directory-grid a span:nth-child(2),.seo-tool-card>span:nth-child(2){color:#536b5c;line-height:1.55;font-size:.95rem}
.seo-directory-grid a span:last-child,.seo-card-arrow{font-weight:700;color:#27664d;font-size:.88rem;margin-top:auto}
.seo-collection-page{padding-top:clamp(1.2rem,4vw,3rem);padding-bottom:5rem;max-width:1180px}
.seo-breadcrumb{display:flex;flex-wrap:wrap;gap:.65rem;color:#617365;font-size:.87rem;margin-bottom:2rem}
.seo-breadcrumb a{color:#205a43}
.seo-collection-hero{max-width:860px;margin-bottom:2.6rem}
.seo-collection-hero h1{max-width:850px;font-size:clamp(2.1rem,5vw,4.25rem);line-height:1.05;letter-spacing:-.04em;margin:.7rem 0 1rem}
.seo-collection-hero p{font-size:clamp(1rem,1.8vw,1.17rem);line-height:1.7;max-width:750px}
.seo-collection-hero p.hint{font-size:.85rem;color:#617365}
.seo-collection-page h2{font-size:clamp(1.45rem,2.8vw,2.1rem);line-height:1.18;margin:1.25rem 0 1rem}
.seo-tool-card strong{font-size:1.1rem;line-height:1.3}
.seo-collection-learn{margin-top:3rem}
.seo-guide-block{padding:1.4rem 0;border-bottom:1px solid rgba(35,70,50,.15)}
.seo-guide-block h2{font-size:1.45rem;margin:0 0 .55rem}
.seo-guide-block p{line-height:1.7;max-width:760px;color:#445c4b}
.seo-inline-links{display:flex;gap:.65rem 1rem;flex-wrap:wrap;margin-top:1rem}
.seo-inline-links a{padding:.6rem .85rem;border-radius:12px;background:#eaf2e4;color:#235640;text-decoration:none;font-weight:650;font-size:.91rem}
.seo-inline-links a:hover{text-decoration:underline}
.seo-collection-faq{margin-top:3rem}
.seo-collection-faq details{border-bottom:1px solid #dce6d8;padding:1rem 0}
.seo-collection-faq summary{cursor:pointer;font-weight:650}
.seo-collection-faq details p{margin:.7rem 0 .2rem;max-width:760px;line-height:1.65}
.seo-collection-bottom{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2.8rem}
.seo-resource-shortcuts{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.35rem;align-items:center}
.seo-resource-shortcuts a{padding:.35rem .65rem;background:#eaf2e4;border-radius:999px;text-decoration:none;color:#235640}
@media(max-width:700px){.seo-directory-grid,.seo-tool-grid,.seo-collection-bottom{grid-template-columns:1fr}.seo-home-directory{margin-top:2rem}.seo-collection-page{padding-inline:1rem}.seo-tool-card{padding:1.15rem}}
@media(prefers-reduced-motion:reduce){.seo-directory-grid a,.seo-tool-card{transition:none}.seo-directory-grid a:hover,.seo-tool-card:hover{transform:none}}