.instruction-hero{max-width:850px;margin-bottom:34px}.instruction-hero>p:last-child{max-width:760px;color:var(--muted)}
.instruction-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:28px;align-items:start}
.instruction-toc{position:sticky;top:96px;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface-strong);box-shadow:0 12px 34px rgba(28,48,42,.05)}
.instruction-toc strong{display:block;margin-bottom:10px}.instruction-toc a{display:block;padding:7px 0;color:var(--muted);font-size:.9rem;text-decoration:none}.instruction-toc a:hover{color:var(--accent)}
.instruction-content{display:grid;gap:18px}.instruction-section{scroll-margin-top:104px;padding:28px;border:1px solid var(--line);border-radius:22px;background:color-mix(in srgb,var(--surface),transparent 2%);box-shadow:0 14px 38px rgba(28,48,42,.05)}
.instruction-section h2{margin-bottom:12px;font-size:clamp(1.55rem,2.6vw,2.15rem)}.instruction-section h3{margin:24px 0 8px}.instruction-section p:last-child,.instruction-section ul:last-child,.instruction-section ol:last-child{margin-bottom:0}.instruction-section li+li{margin-top:8px}
.instruction-steps{counter-reset:instruction-step;list-style:none;padding:0}.instruction-steps>li{position:relative;min-height:42px;padding:4px 0 12px 50px}.instruction-steps>li:before{counter-increment:instruction-step;content:counter(instruction-step);position:absolute;left:0;top:0;display:grid;place-items:center;width:34px;height:34px;border-radius:12px 6px 12px 6px;background:var(--accent);color:#fff;font-weight:850}
.instruction-note{margin-top:16px;padding:14px 16px;border-left:4px solid var(--accent);border-radius:0 12px 12px 0;background:var(--accent-soft);color:var(--accent-strong)}
.instruction-warning{border-left-color:#d18a2f;background:#fff4dd;color:#6b4919}
@media(max-width:820px){.instruction-layout{grid-template-columns:1fr}.instruction-toc{position:static}.instruction-section{padding:23px 20px}}