.lg{display:grid;grid-template-columns:minmax(0,1fr);padding:clamp(116px,10vw,152px) var(--gut) clamp(72px,8vw,120px)}
.lg-body{max-width:50ch}
.lg-head h1{font-size:clamp(40px,4.8vw,68px);font-weight:600;letter-spacing:-.04em;line-height:1.02;text-wrap:balance}
.lg-date{margin-top:16px;font-size:15px;color:var(--mute);text-wrap:balance}
.lg-toc{display:none}
.lg-toc-h{font-size:14px;font-weight:500;color:var(--mute)}
.lg-toc ol{list-style:none;margin-top:12px}
.lg-toc a{display:block;padding:6px 0;font-size:14.5px;line-height:1.35;color:var(--mute);transition:color .2s}
.lg-toc a:hover{color:var(--fg)}
.lg-body{margin-top:clamp(36px,4vw,56px);font-size:17px;line-height:1.7}
.lg-body p,.lg-body ul,.lg-body ol{margin-bottom:1em}
.lg-body ul,.lg-body ol{padding-left:1.3em}
.lg-body ul{list-style:disc}
.lg-body ol{list-style:decimal}
.lg-body li{margin-bottom:.55em;padding-left:.2em}
.lg-body li::marker{color:var(--gray)}
.lg-body h2{margin:2.3em 0 .75em;font-size:clamp(23px,2vw,28px);font-weight:600;letter-spacing:-.025em;line-height:1.2}
.lg-body h3{margin:1.7em 0 .5em;font-size:19px;font-weight:600;letter-spacing:-.015em;line-height:1.3}
.lg-body strong{font-weight:600}
.lg-body a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.lg-body a:hover{color:var(--focus)}
.lg-table{margin:1.4em 0 1.6em;overflow-x:auto}
.lg-body table{width:100%;border-collapse:collapse;font-size:15.5px;line-height:1.5}
.lg-body th,.lg-body td{padding:10px 14px;border:1px solid var(--line);text-align:left;vertical-align:top}
.lg-body th{background:var(--surface);font-weight:600}
.lg-callout{margin:1.6em 0;padding:18px 22px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.lg-note{margin-top:3em;padding-top:1.4em;border-top:1px solid var(--line);font-size:15px;line-height:1.6;color:var(--mute)}
@media (min-width:1100px){
  .lg{grid-template-columns:32% minmax(0,1fr);padding-left:0;padding-right:0;background:linear-gradient(var(--line),var(--line)) 32% 0/1px 100% no-repeat}
  .lg-head,.lg-body{grid-column:2;padding:0 clamp(20px,4.2vw,60px);box-sizing:content-box}
  .lg-head{grid-row:1}
  .lg-body{grid-row:2}
  .lg-toc{display:block;grid-column:1;grid-row:1/span 2;align-self:start;position:sticky;top:120px;padding:0 clamp(24px,3vw,48px) 0 var(--gut)}
}