:root{--navy:#081523;--ink:#102535;--muted:#587280;--mint:#a3f2d3;--light:#f1f8f5;--green:#0d7660;--border:#dce9e4}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--light);line-height:1.7}
a{color:var(--green)}
a:focus-visible{outline:3px solid #23bb8b;outline-offset:3px}
.nav{background:var(--navy);color:#fff}
.nav-inner,.doc,.foot{max-width:820px;margin:auto;padding-left:16px;padding-right:16px}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;height:68px}
.logo{font-family:Sora,Inter,sans-serif;font-weight:800;font-size:21px;letter-spacing:-.06em;color:#fff;text-decoration:none}
.logo i{font-style:normal;color:var(--mint)}
.nav a.back{color:var(--mint);font-size:14px;font-weight:600}
.doc{padding-top:40px;padding-bottom:60px}
.doc h1,.doc h2{font-family:Sora,Inter,sans-serif;letter-spacing:-.03em;line-height:1.25}
.doc h1{font-size:clamp(28px,6vw,38px);margin:0 0 8px}
.doc h2{font-size:20px;margin:36px 0 8px;padding-top:12px;border-top:1px solid var(--border)}
.meta{color:var(--muted);font-size:14px;margin:0 0 24px}
.note{background:#e7f4ef;border:1px solid #c9e6da;border-radius:10px;padding:14px 16px;font-size:14.5px}
.toc{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px 18px 14px 34px;font-size:14.5px}
table{width:100%;border-collapse:collapse;font-size:14px;background:#fff;display:block;overflow-x:auto}
th,td{border:1px solid var(--border);padding:8px 10px;text-align:left;vertical-align:top}
th{background:#e7f4ef}
.foot{padding-top:20px;padding-bottom:40px;color:var(--muted);font-size:13px;border-top:1px solid var(--border)}
.foot nav{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:6px}
@media print{.nav,.foot nav{display:none}body{background:#fff}}