/* Small, scoped additions; the existing visual system remains authoritative. */
.hero .seo-mission-title { font-size: clamp(2.8rem, 5.4vw, 6.6rem); line-height: 1.02; overflow-wrap: normal; }
.seo-faq { padding-block: clamp(3rem, 6vw, 6rem); }
.seo-faq-list { border-top: 1px solid #304052; }
.seo-faq-list details { border-bottom: 1px solid #304052; padding: 1.3rem 0; }
.seo-faq-list summary { cursor: pointer; font-size: clamp(1.05rem, 1.5vw, 1.3rem); font-weight: 600; color: #f4f6fa; padding-right: 1rem; }
.seo-faq-list details p { max-width: 78ch; color: #a9b6c6; line-height: 1.8; padding-top: 1rem; }
.seo-faq a, .seo-article a, .seo-related a, .seo-article-header > a:last-child, .seo-article-footer a { color: #99d9fa; text-decoration: underline; text-underline-offset: .2em; }
.seo-source-note { margin-top: 2rem; font-size: .95rem; line-height: 1.7; color: #a9b6c6; }
.seo-related { display: flex; flex-wrap: wrap; gap: 1rem 1.5rem; margin-block: 1.5rem; line-height: 1.7; }
.profile-footer .seo-related { flex-basis: 100%; }
.seo-article-page { background: #080c13; color: #f4f6fa; margin: 0; font-family: Arial, sans-serif; }
.seo-article-header { max-width: 1200px; margin: auto; padding: 1.5rem clamp(1rem, 4vw, 3rem); display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; flex-wrap: wrap; border-bottom: 1px solid #304052; }
.seo-article-header .brand img { width: 48px; height: 48px; object-fit: contain; }
.seo-article { max-width: 850px; margin: auto; padding: clamp(2.5rem, 6vw, 5rem) clamp(1rem, 4vw, 2rem); }
.seo-article h1 { font-size: clamp(2.1rem, 4.8vw, 3.8rem); line-height: 1.12; letter-spacing: -.03em; text-transform: none; margin: 1rem 0 1.5rem; }
.seo-eyebrow { color: #99d9fa; text-transform: uppercase; letter-spacing: .12em; font-size: .85rem; }
.seo-article .seo-byline { color: #a9b6c6; font-size: .9rem; line-height: 1.8; }
.seo-article p, .seo-article li { line-height: 1.85; margin-bottom: 1rem; }
.seo-article-intro { font-size: 1.2rem; margin-top: 2rem; }
.seo-article h2 { font-size: 1.6rem; margin-top: 2.5rem; text-transform: none; letter-spacing: normal; }
.seo-article ul { padding-left: 1.5rem; list-style: disc; }
.seo-article-footer { max-width: 1200px; margin: auto; padding: 2rem; border-top: 1px solid #304052; display: block; line-height: 1.8; color: #a9b6c6; }
.seo-faq summary:focus-visible, .seo-related a:focus-visible, .seo-article-page a:focus-visible { outline: 2px solid #99d9fa; outline-offset: 5px; }
@media (max-width: 480px) { .hero .seo-mission-title { font-size: clamp(2.3rem, 10vw, 3rem); } }
