
.lg{padding:clamp(56px,8vw,104px) 0 clamp(56px,8vw,96px)}
.lg .wrap{max-width:calc(74ch + 2*var(--pad))}

.crumbs ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;font:500 12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:22px}
.crumbs li+li::before{content:"›";content:"›" / "";margin-right:8px;color:var(--orange)}
.crumbs a{color:var(--soft);text-decoration:none}
.crumbs a:hover{color:var(--cyan)}
.crumbs a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}

.lg-h1{font-size:clamp(30px,4.6vw,56px);line-height:1.04;letter-spacing:-.01em;overflow-wrap:break-word;hyphens:auto}
.lg-meta{margin-top:18px;font:500 12px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cyan)}
.lg-note{margin-top:10px;font-size:14px;line-height:1.55;color:var(--muted);font-style:italic;max-width:70ch}


.lg-toc{position:relative;margin-top:36px;padding:20px 24px 22px;background:var(--panel);border:1px solid var(--line)}
.lg-toc::before{content:"";position:absolute;left:-1px;top:-1px;width:28px;height:3px;background:var(--orange)}
.lg-toc-h{font:600 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
.lg-toc ol{margin:0;padding-left:2.2em;columns:2 26ch;column-gap:32px;font-size:15px;line-height:1.45}
.lg-toc li{break-inside:avoid;padding:3px 0;color:var(--muted)}
.lg-toc li::marker{font:500 13px var(--mono);color:var(--muted)}
.lg-toc a{color:var(--soft);text-decoration:none;border-bottom:1px solid rgba(237,237,237,.18)}
.lg-toc a:hover{color:var(--cyan);border-bottom-color:var(--cyan)}


.lg-doc{margin-top:40px;font-size:17px;line-height:1.65;color:var(--soft)}
.lg-doc>*{max-width:70ch}
.lg-doc h2{font-size:clamp(21px,2.3vw,28px);line-height:1.15;letter-spacing:.01em;color:var(--ink);margin:2.2em 0 .7em;max-width:none;scroll-margin-top:12px}
.lg-doc h2:first-child{margin-top:0}
.lg-doc h3{font-size:clamp(17px,1.6vw,20px);color:var(--ink);margin:1.8em 0 .6em;scroll-margin-top:12px}
.lg-doc p,.lg-doc ul{margin:0 0 1em}
.lg-doc ul{padding-left:1.3em}
.lg-doc li{margin:.35em 0}
.lg-doc li::marker{color:var(--orange)}
.lg-doc strong{color:var(--ink);font-weight:700}
.lg-doc a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--cyan);text-underline-offset:3px;text-decoration-thickness:1px;overflow-wrap:anywhere}
.lg-doc a:hover{color:var(--cyan)}
.lg-doc code{font:500 .88em var(--mono);color:var(--ink);background:rgba(237,237,237,.07);padding:.08em .35em;white-space:nowrap}
.lg-doc blockquote{margin:0 0 1em;padding:12px 0 12px 18px;border-left:2px solid var(--cyan);color:var(--ink);font-size:15.5px}
.lg-doc blockquote p{margin:0}

mark.ph{background:rgba(255,90,31,.16);color:var(--orange);font:500 .86em var(--mono);padding:.05em .3em;border:1px dashed rgba(255,90,31,.6);overflow-wrap:anywhere}
.lg-updated{margin-top:2.4em!important;padding-top:16px;border-top:1px solid var(--line);font:500 12px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.lg-updated em{font-style:normal}


.tbl{max-width:none!important;margin:1.2em 0 1.6em;overflow-x:auto}
.tbl table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
.tbl th,.tbl td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid var(--line)}
.tbl thead th{font:600 11px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid rgba(237,237,237,.22);padding-top:0}
.tbl tbody th{font-weight:700;color:var(--ink);min-width:12ch}
.tbl tbody tr:hover{background:rgba(237,237,237,.025)}
@media (max-width:760px){
  .tbl{overflow:visible}
  .tbl table,.tbl tbody,.tbl tr,.tbl th,.tbl td{display:block;width:auto}
  .tbl thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .tbl tbody tr{position:relative;margin:0 0 12px;padding:14px 16px 6px;background:var(--panel);border:1px solid var(--line)}
  .tbl tbody tr::before{content:"";position:absolute;left:-1px;top:-1px;width:20px;height:2px;background:var(--orange)}
  .tbl tbody th,.tbl tbody td{padding:0 0 10px;border:0;min-width:0}
  .tbl tbody td::before{content:attr(data-th);display:block;margin-bottom:2px;font:600 10.5px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
  .tbl tbody th{font-size:15.5px}
  .lg-toc ol{columns:1}
  .lg-doc{font-size:16px}
}
@media print{.top,.foot,.scan,.lg-toc,.skip{display:none}.lg-doc,.lg-doc *{color:#000!important}body{background:#fff}}
