.doc-page .topbar{position:sticky}
.doc-hero{padding:38px 0 22px}
.doc-hero .eyebrow{margin-bottom:14px}
.doc-hero h1{font-size:clamp(34px,6vw,56px);line-height:1.08;letter-spacing:-.055em;color:var(--ink-strong);font-weight:1000}
.doc-hero p{max-width:76ch;margin-top:14px;color:var(--muted);font-weight:650;line-height:1.85}
.doc-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.doc-section{padding:26px 0}
.doc-layout{display:grid;gap:18px}
.doc-panel{border:1px solid var(--line);background:rgba(255,255,255,.86);border-radius:22px;padding:20px;box-shadow:var(--shadow-soft)}
.doc-panel h2{font-size:clamp(24px,4vw,34px);line-height:1.15;letter-spacing:-.045em;color:var(--ink-strong);font-weight:1000;margin:0 0 12px}
.doc-panel h3{font-size:20px;line-height:1.25;letter-spacing:-.035em;color:var(--ink-strong);font-weight:1000;margin:0 0 8px}
.doc-panel p{color:var(--muted);font-weight:650;line-height:1.85}
.doc-panel p+p{margin-top:10px}
.doc-list{display:grid;gap:10px;margin-top:12px;padding-left:0;list-style:none}
.doc-list li{position:relative;padding-left:20px;color:var(--muted);font-weight:650;line-height:1.75}
.doc-list li:before{content:"";position:absolute;left:0;top:.78em;width:8px;height:8px;border-radius:999px;background:var(--green)}
.doc-grid{display:grid;gap:14px}
.doc-card{border:1px solid var(--line);background:var(--paper);border-radius:20px;padding:16px;box-shadow:var(--shadow-soft)}
.doc-card strong{display:block;color:var(--ink-strong);font-size:18px;line-height:1.25;letter-spacing:-.03em}
.doc-card p{margin-top:8px}
.doc-note{border-left:5px solid var(--green);background:var(--green-soft);border-radius:18px;padding:14px;color:#123524;font-weight:750;line-height:1.75}
.doc-table{display:grid;border-top:1px solid var(--line);margin-top:10px}
.doc-row{display:grid;gap:4px;border-bottom:1px solid var(--line);padding:12px 0}
.doc-row b{color:var(--ink-strong)}
.doc-row span{color:var(--muted);font-weight:650;line-height:1.75}
.manual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.manual-card{border:1px solid var(--line);background:var(--paper);border-radius:22px;padding:18px;box-shadow:var(--shadow-soft)}
.manual-card>span{display:inline-block;margin-bottom:8px;color:var(--green);font-size:14px;font-weight:900}
.manual-card h3{margin-bottom:14px}
.manual-card dl,.manual-card dl div{display:grid;gap:6px}
.manual-card dl{gap:12px}
.manual-card dt{color:var(--ink-strong);font-weight:900}
.manual-card dd{margin:0;color:var(--muted);font-weight:650;line-height:1.75}
.manual-example{margin-top:14px;padding:12px;border-radius:14px;background:var(--green-soft);color:#123524!important}
.manual-card--caution{border-color:#e3b45a;background:#fffaf0}
@media(max-width:700px){.manual-grid{grid-template-columns:1fr}.manual-card{padding:16px}.manual-card h3{font-size:20px}}
@media(min-width:720px){
  .doc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .doc-row{grid-template-columns:190px 1fr;gap:18px}
}
@media(min-width:980px){
  .doc-grid.doc-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
}