/* ATDT - documentation page layout: masthead, sticky chapter nav,
   reference tables and callouts. Loaded after site.css. */

/* ── doc masthead ───────────────────────────── */
.masthead{padding:54px 0 40px;border-bottom:1px solid var(--edge)}
.masthead h1{font-size:clamp(30px,5vw,50px);margin-bottom:14px}
.masthead .lede{font-size:18px}
.masthead .ver{font-family:var(--mono);font-size:12px;color:var(--dim);
  letter-spacing:.16em;text-transform:uppercase;margin-top:22px}

/* ── layout ─────────────────────────────────── */
.doc{display:block;padding-bottom:90px}
@media(min-width:940px){
  .doc{display:grid;grid-template-columns:236px 1fr;gap:64px;align-items:start}
}

/* sidebar */
.toc{padding:34px 0 0}
@media(min-width:940px){
  .toc{position:sticky;top:42px;max-height:calc(100vh - 42px);overflow-y:auto;
    padding:34px 0 40px;scrollbar-width:thin}
}
.toc h2{font-family:var(--mono);font-size:11px;font-weight:400;letter-spacing:.22em;
  text-transform:uppercase;color:var(--dim);margin-bottom:16px}
.toc ol{list-style:none;margin:0 0 26px;padding:0;counter-reset:ch}
.toc li{counter-increment:ch}
.toc a{display:block;padding:5px 0 5px 34px;position:relative;font-size:14.5px;
  color:var(--gray);line-height:1.35}
.toc a::before{content:counter(ch,decimal-leading-zero);position:absolute;left:0;
  font-family:var(--mono);font-size:11px;color:var(--dim);top:8px;letter-spacing:.08em}
.toc a:hover{color:var(--white);text-decoration:none}
.toc a.here{color:var(--cyan)}
.toc a.here::before{color:var(--cyan)}
.toc ol.apx{counter-reset:none}
.toc ol.apx a::before{content:attr(data-l)}
.toc .out{color:var(--magenta)}
.toc details summary{font-family:var(--mono);font-size:12px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--white);cursor:pointer;padding:10px 0;
  border-bottom:1px solid var(--edge)}
@media(min-width:940px){.toc details summary{display:none}.toc details{border:0}}

/* content */
.body{padding-top:34px;min-width:0;max-width:74ch}
.ch{padding:22px 0 48px;scroll-margin-top:60px}
.ch + .ch{border-top:1px solid var(--hair)}
.ch > .num{font-family:var(--mono);font-size:11.5px;letter-spacing:.22em;
  color:var(--magenta);text-transform:uppercase;display:block;margin-bottom:12px}
.ch h2{font-size:clamp(23px,3vw,31px);margin-bottom:20px}
.ch h3{font-size:17px;font-family:var(--mono);font-weight:400;letter-spacing:.12em;
  text-transform:uppercase;color:var(--white);margin:40px 0 16px}
.ch h4{font-size:16px;margin:30px 0 12px;color:var(--white)}
.ch p{margin:0 0 18px}
.ch p:last-child{margin-bottom:0}
.ch ul{list-style:none;margin:0 0 20px;padding:0}
.ch li{padding:7px 0 7px 24px;position:relative;font-size:16px}
.ch li::before{content:"\25B8";position:absolute;left:0;top:7px;color:var(--cyan);
  font-family:var(--mono);font-size:13px}
.ch .spec{margin:0 0 22px}
.ch a.anchor{float:right;font-family:var(--mono);color:var(--edge);
  font-size:15px;margin-left:12px;font-weight:400}
.ch a.anchor:hover{color:var(--cyan);text-decoration:none}

/* reference tables */
table.ref{width:100%;border-collapse:collapse;margin:0 0 24px;font-size:15px}
table.ref th{text-align:left;font-family:var(--mono);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--dim);font-weight:400;
  padding:0 14px 9px 0;border-bottom:1px solid var(--edge)}
table.ref td{padding:11px 14px 11px 0;border-bottom:1px solid var(--hair);
  vertical-align:top;line-height:1.55}
table.ref td:first-child{font-family:var(--mono);font-size:13.5px;color:var(--white);
  white-space:nowrap;padding-right:22px}
table.ref td:first-child code{color:var(--white)}
table.ref.wide td:first-child{white-space:normal}
table.ref tr:last-child td{border-bottom:1px solid var(--edge)}

/* callout */
.note{border-left:2px solid var(--amber);background:var(--panel);
  padding:16px 20px;margin:0 0 22px;font-size:15.5px}
.note b{color:var(--amber);font-weight:500}
.note.link{border-left-color:var(--magenta)}
.note.link b{color:var(--magenta)}

.totop{font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--dim);
  display:inline-block;margin-top:8px}