.nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.nav a:not(.btn){color:var(--muted);text-decoration:none;font-size:.95rem}
.nav a:not(.btn):hover{color:var(--text)}
@media(max-width:700px){.nav a:not(.btn){display:none}}
html{scroll-behavior:smooth}
section{margin:44px 0}
.hero.final{padding:20px 0}
.cards.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.steps{list-style:none;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.steps li{background:var(--panel);border:1px solid #262b49;border-radius:var(--radius);padding:14px}
.steps li strong{display:block;margin-bottom:4px}.steps li span{color:var(--muted)}
.example{max-width:680px;margin:0 auto}
.example .score{text-align:center}
details{background:var(--panel);border:1px solid #262b49;border-radius:10px;padding:10px 14px;margin:8px 0;max-width:760px;margin-left:auto;margin-right:auto}
summary{cursor:pointer;font-weight:600}
details p{color:var(--muted);margin:.6em 0 .2em}
a.btn{text-decoration:none;display:inline-block}
.btn.disabled{opacity:.6;pointer-events:none}