/* Editorial feature guides share the existing monochrome tokens. */
.feature-page { line-height: 1.8; word-break: keep-all; overflow-wrap: anywhere; }
.feature-page header, .feature-page main, .feature-page footer { max-width: 1040px; margin: auto; padding: 24px; }
.feature-page header nav, .feature-page footer, .feature-page .related { display: flex; flex-wrap: wrap; gap: 16px 24px; }
.feature-page nav a, .feature-page footer a { padding: 8px 0; }
.feature-page a { text-underline-offset: 4px; }
.feature-page a:focus-visible { outline: 2px solid var(--text); outline-offset: 5px; }
.feature-page .brand { margin-right: auto; font-weight: 700; }
.feature-page .intro { padding: 64px 0; border-bottom: 1px solid var(--line); }
.feature-page .eyebrow { font: 12px var(--font-mono); letter-spacing: .08em; }
.feature-page h1 { font-size: clamp(32px, 5.5vw, 60px); letter-spacing: -.035em; line-height: 1.2; margin: 24px 0; }
.feature-page .lead { font-size: clamp(22px, 3vw, 30px); color: var(--text); }
.feature-page p { margin: 16px 0; max-width: 72ch; }
.feature-page section { padding: 48px 0; border-bottom: 1px solid var(--line); }
.feature-page h2 { font-size: clamp(23px, 3vw, 30px); line-height: 1.4; letter-spacing: -.02em; }
.feature-page ol { padding-left: 24px; margin-top: 24px; max-width: 72ch; }
.feature-page li { padding: 8px 0; }
.feature-page .related { margin: 40px 0; }
@media (max-width: 480px) { .feature-page .intro { padding: 40px 0; } .feature-page section { padding: 32px 0; } }