/* 09.10.2026: public tool overviews; keep existing chart and landing styles intact. */
.seo-main {max-width:1080px;padding-top:36px;padding-bottom:72px}
.seo-breadcrumb {color:var(--muted,#99a5ad);font-size:13px;margin-bottom:48px;line-height:1.8}
.seo-breadcrumb a {color:inherit}
.seo-intro {max-width:900px}
.seo-intro h1 {font-size:clamp(32px,5vw,60px);line-height:1.13;letter-spacing:-.035em;margin:20px 0 28px;overflow-wrap:anywhere}
.seo-lead {font-size:clamp(18px,2.4vw,23px);line-height:1.6;max-width:780px;color:#c2cbd1}
.seo-actions {display:flex;flex-wrap:wrap;gap:14px;margin:30px 0 22px}
.seo-free {font-size:14px;line-height:1.7;color:#9aa8b2;max-width:760px}
.seo-section {padding:36px 0;border-top:1px solid #263039;margin-top:26px}
.seo-section h2 {font-size:clamp(24px,3vw,32px);line-height:1.3;margin-bottom:22px}
.seo-section p {color:#b6c1ca;line-height:1.85;max-width:780px}
.seo-features {display:grid;grid-template-columns:1.2fr 1fr;gap:48px}
.seo-features .tool-points {align-self:center}
.seo-steps {padding-inline-start:24px;max-width:830px}
.seo-steps li {padding-inline-start:14px;margin:22px 0}
.seo-steps li::marker {color:#c8f135;font-weight:600}
.seo-note {background:#11171c;border:1px solid #263039;border-radius:16px;padding:28px}
.seo-reading {list-style:none;padding:0;margin-bottom:24px}
.seo-reading li {margin:16px 0}
.seo-reading a,.seo-related a {color:#d6e7a0;line-height:1.7;text-decoration:none}
.seo-reading a:hover,.seo-related a:hover {text-decoration:underline}
.seo-related {display:flex;flex-direction:column;gap:16px}
.seo-locales,.seo-footer-links nav {display:flex;flex-wrap:wrap;gap:16px;line-height:1.7}
.seo-locales a,.seo-footer-links a {color:#b6c1ca;text-decoration:none;font-size:14px}
.seo-locales a[aria-current],.seo-footer-links a[aria-current] {color:#c8f135}
.seo-footer-links {padding-top:24px;border-top:1px solid #263039}
.seo-footer-links p {font-size:14px;color:#9aa8b2;line-height:1.8;margin-bottom:20px}
.seo-footer-links nav {margin-bottom:20px}
#seo-language {background:#12191e;color:#d8e1e8;border:1px solid #2c3942;border-radius:8px;padding:8px;max-width:125px}
.seo-tool-page .nav-actions {margin-inline-start:auto}
@media(max-width:700px) {
  .seo-main {padding-top:24px}
  .seo-breadcrumb {margin-bottom:30px}
  .seo-features {grid-template-columns:1fr;gap:18px}
  .seo-section {padding:28px 0}
  .seo-note {padding:22px}
  .seo-actions .button {width:100%;justify-content:center;white-space:normal;text-align:center}
  .seo-main .seo-lead {font-size:18px}
  .seo-tool-page .nav-actions .nav-cta {display:none}
}