.onboard-intro-note { max-width:780px; font-size:.92rem; color:var(--muted); }
.onboard-use { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.8rem; padding-left:1.4rem; margin:0; }
.onboard-use li { padding-left:.35rem; margin-top:0; }
.onboard-use li::marker { color:var(--purple); font-weight:700; }
.onboard-use strong,.onboard-use span { display:block; }
.onboard-use span { margin-top:.4rem; }
.onboard-jumps { display:flex; flex-wrap:wrap; gap:.7rem 1.3rem; margin-bottom:1.8rem; font-size:.94rem; }
.onboard-panels { display:grid; gap:1rem; }
.onboard-panel { border:1px solid var(--line); border-radius:4px; background:white; scroll-margin-top:1.5rem; }
.onboard-panel summary { cursor:pointer; padding:1.2rem 1.4rem; font-weight:700; color:var(--ink); }
.onboard-panel summary span { margin-right:1rem; }
.onboard-panel summary small { color:var(--purple); font-weight:500; white-space:nowrap; }
.onboard-panel[open] { border-color:var(--purple); }
.onboard-panel[open] summary { border-bottom:1px solid var(--line); }
.onboard-panel-content { padding:1.4rem; }
.onboard-basis,.onboard-flow-label { font:700 .78rem var(--font-label); letter-spacing:.06em; text-transform:uppercase; color:var(--muted); }
.onboard-before { border-left:3px solid var(--teal); padding-left:1rem; max-width:950px; }
.onboard-flow { margin:1.8rem 0; }
.onboard-flow ol { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:.6rem; list-style:none; padding:0; margin:.6rem 0; }
.onboard-flow li { border-top:2px solid var(--teal); padding:.65rem .4rem 0 0; font-size:.9rem; margin:0; }
.onboard-actions { list-style:decimal; margin:0 0 1.7rem; padding-left:1.5rem; display:grid; gap:1.25rem; }
.onboard-actions>li { padding-left:.5rem; margin:0; min-height:2.2rem; }
.onboard-actions>li::marker { color:var(--purple); font-weight:700; }
.onboard-actions h3 { font:700 1.05rem/1.4 var(--font-body); margin:0 0 .35rem; }
.onboard-actions p { max-width:900px; margin:0; }
.onboard-after { border-top:1px solid var(--line); padding-top:1rem; margin-bottom:1.2rem; }
.onboard-after h3 { font-size:1rem; margin:0 0 .4rem; }
.onboard-after p { margin-bottom:0; }
.onboard-source { font-size:.83rem; color:var(--muted); margin:1rem 0 0; }
.onboard-bottom { display:grid; grid-template-columns:1.4fr 1fr; gap:3rem; }
.onboard-bottom h2 { font-size:clamp(2rem,3vw,3rem); margin:0 0 1rem; }
.onboard-bottom aside { border-top:3px solid var(--teal); padding-top:1rem; }
.onboard-bottom aside h3 { margin-top:0; }
@media(max-width:700px) { .onboard-use,.onboard-bottom { grid-template-columns:1fr; gap:1.3rem; } .onboard-panel summary,.onboard-panel-content { padding:1rem; } .onboard-panel summary small { display:block; margin:.3rem 0 0 1.1rem; } }