.doc-nav{border-bottom:var(--hair-w) solid var(--hair);background:var(--paper)}
.doc-nav .wrap{display:flex;align-items:center;gap:var(--s-5);min-height:var(--nav-h)}
.doc-nav .nav-mk{margin-right:auto;flex:0 0 auto}

.docnav{display:flex;align-items:center;gap:var(--s-4);flex:0 1 auto;min-width:0;
  overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;
  -webkit-overflow-scrolling:touch;
  mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 18px),transparent 100%)}
.docnav::-webkit-scrollbar{display:none}
@media (min-width:760px){ .docnav{mask-image:none;overflow:visible} }
.docnav-a{flex:0 0 auto;display:inline-flex;align-items:center;min-height:44px;
  font-size:var(--fs-small);letter-spacing:var(--ls-small);
  color:var(--ink-3);white-space:nowrap}
a.docnav-a:hover{color:var(--ink)}
.docnav-a.is-cur{color:var(--ink);font-weight:var(--fw-strong);
  box-shadow:inset 0 -2px 0 0 var(--accent)}

.doc{max-width:74ch;margin:0 auto;padding:clamp(44px,7vh,88px) var(--gutter) var(--section-y)}
.doc h1{font-size:clamp(32px,4.4vw,52px);line-height:1.08;letter-spacing:-.03em;
  max-width:22ch}
.doc .doc-sub{margin-top:var(--s-4);font-size:var(--fs-small);letter-spacing:var(--ls-small);
  color:var(--ink-3);max-width:60ch}
.doc h2{font-size:var(--fs-h3);line-height:1.3;letter-spacing:var(--ls-h3);
  font-weight:var(--fw-strong);margin:var(--s-8) 0 var(--s-3);max-width:44ch}
.doc h3{font-size:var(--fs-body);font-weight:var(--fw-strong);letter-spacing:-.006em;
  margin:var(--s-5) 0 6px}
.doc p{margin-bottom:var(--s-3);color:var(--ink-2);max-width:70ch}
.doc ul,.doc ol{display:grid;gap:8px;margin-bottom:var(--s-4)}
.doc li{color:var(--ink-2);padding-left:18px;position:relative;max-width:68ch}
.doc li::before{content:"";position:absolute;left:0;top:.68em;width:9px;height:1px;
  background:var(--hair-strong)}
.doc ol{counter-reset:n}
.doc ol>li{counter-increment:n;padding-left:26px}
.doc ol>li::before{content:counter(n) ".";width:auto;height:auto;background:none;
  top:0;color:var(--ink-4);font-variant-numeric:tabular-nums}

.gap{display:inline-block;background:#FBF0DC;border:var(--hair-w) solid #E8D3A8;
  border-radius:var(--r-xs);padding:1px 7px;font-size:.94em;color:#6B4A15;
  font-weight:var(--fw-strong)}

.doc-note{background:var(--surface);border:var(--hair-w) solid var(--hair);
  border-left:3px solid var(--accent);border-radius:var(--r-sm);
  padding:16px 18px;margin:var(--s-6) 0;
  box-shadow:inset 0 1px 0 0 var(--hair-lit)}
.doc-note p{margin-bottom:0;font-size:var(--fs-small);line-height:1.55;
  letter-spacing:var(--ls-small);color:var(--ink-2)}
.doc-note p+p{margin-top:8px}

.doc-table{width:100%;border-collapse:collapse;margin:var(--s-4) 0 var(--s-6);
  font-size:var(--fs-small);letter-spacing:var(--ls-small)}
.doc-table th,.doc-table td{text-align:left;padding:10px 14px 10px 0;
  border-bottom:var(--hair-w) solid var(--hair);vertical-align:top}
.doc-table th{font-weight:var(--fw-strong);color:var(--ink);white-space:nowrap}
.doc-table td{color:var(--ink-2)}

.doc-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}

.doc-toc{margin:var(--s-6) 0 var(--s-8);padding-top:var(--s-5);
  border-top:var(--hair-w) solid var(--hair);display:grid;gap:7px}
.doc-toc a{font-size:var(--fs-small);letter-spacing:var(--ls-small)}
@media (min-width:700px){ .doc-toc{grid-template-columns:1fr 1fr;column-gap:var(--s-8)} }