.lg-hero{padding-top:calc(var(--hdr) + clamp(48px,6vw,88px));padding-bottom:clamp(32px,4vw,56px);background:var(--sand)}
.lg-hero .h1{max-width:16ch}
.lg-meta{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:24px;font:600 11px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.lg-meta b{color:var(--ink);font-weight:600}
.lg{background:var(--surface)}
.lg-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,8fr);gap:clamp(32px,5vw,96px);align-items:start}
.lg-toc{position:sticky;top:calc(var(--hdr) + 24px);max-height:calc(100svh - var(--hdr) - 48px);overflow-y:auto}
.lg-toc p{font:600 10px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin-bottom:14px}
.lg-toc ol{list-style:none;margin:0;padding:0;counter-reset:t;border-left:1px solid var(--line)}
.lg-toc li{counter-increment:t}
.lg-toc a{display:grid;grid-template-columns:28px minmax(0,1fr);padding:8px 0 8px 16px;margin-left:-1px;border-left:1px solid transparent;font-size:14px;line-height:1.35;color:var(--ink-2);transition:color .25s,border-color .25s}
.lg-toc a::before{content:counter(t,decimal-leading-zero);font:500 11px/1.6 var(--num);color:var(--mute)}
.lg-toc a:hover,.lg-toc a.is-on{color:var(--ink);border-left-color:var(--clay)}
.lg-toc a.is-on::before{color:var(--clay)}
.lg-body{max-width:760px;font-size:16px;line-height:1.72;color:var(--ink-2)}
.lg-body>p.lead{color:var(--ink);font-size:clamp(19px,1.5vw,22px);line-height:1.5}
.lg-body section{padding:32px 0;border-top:1px solid var(--line);scroll-margin-top:calc(var(--hdr) + 16px)}
.lg-body h2{font-size:clamp(24px,2vw,30px);line-height:1.15;color:var(--ink);margin-bottom:14px;display:flex;gap:14px;align-items:baseline}
.lg-body h2 .num{font-size:14px;color:var(--clay);letter-spacing:.02em}
.lg-body h3{font:600 12px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);margin:22px 0 8px}
.lg-body ul{margin:0 0 1em;padding-left:20px}
.lg-body li{margin-bottom:6px}
.lg-body li::marker{color:var(--clay)}
.lg-body strong{color:var(--ink);font-weight:600}
.lg-table{width:100%;border-collapse:collapse;margin:8px 0 16px;font-size:14px}
.lg-table th,.lg-table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.lg-table th{font:600 10px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--mute);background:var(--stone)}
.lg-table td:first-child{color:var(--ink);font-weight:500;width:30%}
.lg-box{padding:22px 24px;border-radius:var(--r1);background:var(--stone);margin:16px 0;color:var(--ink)}
.lg-box b{display:block;font:400 19px/1.25 var(--display);margin-bottom:6px}
.lg-end{margin-top:32px;padding:28px;border-radius:var(--r2);background:var(--night-2);color:var(--bone);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px}
.lg-end b{display:block;font:400 22px/1.2 var(--display)}
.lg-end p{margin:4px 0 0;color:#C9BFB3;font-size:15px}
.lg-end .btn-ghost{--hv:var(--bone);--hv-ink:var(--night)}
@media (max-width:1024px){.lg-grid{grid-template-columns:1fr}.lg-toc{position:static;max-height:none;padding:20px;border-radius:var(--r2);background:var(--stone)}.lg-toc ol{columns:2;column-gap:24px;border:0}.lg-toc a{border:0;padding-left:0}}
@media (max-width:720px){.lg-toc ol{columns:1}.lg-table{display:block;overflow-x:auto}}