/* Consistent section rhythm on landing, guide and reference pages. */
.editorial{padding-block:32px 48px}
.editorial>h2{font-size:clamp(24px,3vw,32px);line-height:1.3;margin-top:28px}
.editorial>p{max-width:760px;line-height:1.85;color:var(--muted)}
.legal blockquote{margin:24px 0;padding:20px;border-inline-start:3px solid #5b58cf;background:#e8e4dc;line-height:1.8}
.legal table{width:100%;border-collapse:collapse;margin-block:24px}
.legal caption{text-align:start;font-weight:700;margin-bottom:12px}
.legal th,.legal td{text-align:start;border-bottom:1px solid var(--line);padding:12px}
.hero{padding:56px 0 64px;gap:48px}
.steps,.details{padding:64px 0}
.steps ol{margin-top:32px}
.steps h3{margin-top:24px}
.ai-section{padding:64px 0}
.details{gap:48px}
.details .lede{margin-top:18px}
.install{min-height:0;padding:40px;gap:32px;align-items:center}
.install>div{flex:1;min-width:0}
.guide{padding:48px 0 64px;gap:48px}
.guide article section{margin-top:44px}
.legal{padding:48px 0 64px}
.legal h2{margin-top:32px}
.topbar nav{align-items:center;flex-wrap:wrap}
.hero>div,.guide article,.detail-grid article{min-width:0}
.cta-row{flex-wrap:wrap}
footer div{flex-wrap:wrap}
a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #5b58cf;outline-offset:4px}
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3{letter-spacing:normal}
@media(max-width:760px){
  .topbar{height:auto;min-height:71px;padding:14px 0;gap:14px;flex-wrap:wrap}
  .topbar nav{gap:12px}
  .hero{padding:36px 0 44px;gap:36px}
  .steps,.details,.ai-section{padding:40px 0}
  .details{gap:28px}
  .steps ol{margin-top:24px}
  .install{padding:32px 24px}
  .install div+div{margin-top:24px}
  .guide{padding:32px 0 44px;gap:28px}
  .guide article section{margin-top:32px}
  .legal{padding:32px 0 44px}
  .legal h1{letter-spacing:-1.5px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}