/* Public topic guides use the existing Nyxlet palette, typography, and crew. */
.feature-page{--font-display:Georgia,"Times New Roman",serif;margin:0;min-height:100vh;height:auto;overflow:auto;background:radial-gradient(ellipse at 85% 12%,#30204c 0,transparent 48%),var(--bg);color:var(--text)}
.feature-page .topbar{display:flex;justify-content:space-between;align-items:center;gap:24px;height:84px;padding:0 40px}
.feature-page .home-brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;white-space:nowrap}
.feature-page .home-brand strong{font-family:var(--font-display);font-size:24px}
.feature-page .home-login{text-decoration:none}
.feature-nav{display:flex;gap:32px;margin-left:auto}
.feature-nav a{color:var(--soft-text);text-decoration:none}
.feature-nav a:hover{color:var(--text)}
.feature-main{max-width:1160px;margin:auto;padding:24px 40px 48px}
.feature-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:48px;align-items:center;padding:32px 0 48px;border-bottom:1px solid var(--line)}
.feature-eyebrow{color:var(--home-accent);font-size:14px;line-height:1.6;margin:0 0 16px}
.feature-hero h1{font:700 clamp(36px,4.3vw,60px)/1.13 var(--font-display);margin:0;max-width:14em;text-wrap:balance}
.feature-lead{font-size:18px;line-height:1.8;color:var(--soft-text);max-width:36em;margin:24px 0}
.feature-page .home-primary{text-decoration:none;min-height:58px;height:auto;padding-top:14px;padding-bottom:14px;text-align:center}
.feature-note{font-size:12px;line-height:1.6;color:var(--muted);margin:16px 0 0}
.feature-companion{margin:0;text-align:center}
.feature-companion img{display:block;width:100%;max-width:320px;height:auto;margin:auto;filter:drop-shadow(0 12px 32px rgba(154,109,230,.18))}
.feature-companion figcaption{font-size:13px;color:var(--soft-text);line-height:1.6;margin-top:12px}
.feature-article{max-width:760px;margin:0 auto}
.feature-article section{margin:44px 0}
.feature-article h2{font:600 clamp(24px,3vw,30px)/1.3 var(--font-display);margin:0 0 18px;text-wrap:balance}
.feature-article p,.feature-article li{font-size:16px;line-height:1.9;color:var(--soft-text)}
.feature-article p{margin:14px 0}
.feature-article li{margin:10px 0}
.feature-article strong{color:var(--text)}
.feature-article a:not(.home-primary),.feature-end>a:not(.home-primary){color:var(--home-accent);text-underline-offset:4px}
.feature-end{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin:40px 0 48px}
.feature-page .home-feature-guides{border-top:1px solid var(--line);padding-top:24px}
.feature-page .home-legal{display:flex;flex-wrap:wrap;gap:8px 24px;border-top:1px solid var(--line);margin-top:32px;padding-top:16px;font-size:13px;line-height:1.7}
.feature-page .home-legal a{display:inline-flex;align-items:center;min-height:32px;color:var(--soft-text);text-underline-offset:4px}
.feature-page a:focus-visible{outline:2px solid var(--focus);outline-offset:5px;border-radius:4px}
@media(max-width:700px){
  .feature-page .topbar{height:auto;min-height:72px;padding:16px 20px;gap:16px;flex-wrap:wrap}
  .feature-nav{order:3;width:100%;margin:0;font-size:14px;gap:24px}
  .feature-main{padding:8px 20px 36px}
  .feature-hero{grid-template-columns:minmax(0,1fr);gap:28px;padding:24px 0 36px}
  .feature-hero h1{font-size:clamp(34px,8.5vw,48px)}
  .feature-lead{font-size:16px}
  .feature-companion img{max-width:200px}
  .feature-article section{margin:36px 0}
}