/* Privacy and terms: long text, made comfortable to read. */
.lg-page{--lg-measure:72ch}
.lg-switch{padding-top:clamp(134px,15vh,172px)}
/* language switch: one grey track, a dark pill that slides between the two words */
.lg-pills{display:flex;justify-content:flex-end;gap:0;background:none;border:0;padding:0}
.lg-pills{position:relative}
.lg-pills::after{content:"";position:absolute;top:0;bottom:0;width:0;pointer-events:none}
.lg-track{position:relative;display:inline-flex;padding:4px;border:1px solid rgba(23,23,23,.14);
  border-radius:999px;background:transparent;margin-left:auto}
.lg-track::before{content:"";position:absolute;top:4px;bottom:4px;left:4px;width:var(--pill-w,50%);
  border-radius:999px;background:var(--ink);transform:translateX(var(--pill-x,0));
  transition:transform .28s cubic-bezier(.4,0,.2,1),width .28s cubic-bezier(.4,0,.2,1)}
.lg-track button{position:relative;z-index:1;padding:7px 18px;border:0;border-radius:999px;background:none;
  font:inherit;font-size:14px;font-weight:600;color:var(--ink-muted);cursor:pointer;transition:color .2s ease}
.lg-track button:hover{color:var(--ink)}
.lg-track button[aria-pressed="true"]{color:#fff}
@media(prefers-reduced-motion:reduce){.lg-track::before{transition:none}}
.lg-head{padding:clamp(20px,3vw,34px) 0 clamp(24px,3.5vw,40px)}
.lg-head h1{font-size:clamp(34px,4.2vw,50px);line-height:1.08;margin:0 0 14px}
.lg-head .eyebrow{display:inline-block;margin:0 0 12px}
.lg-head .lead{font-size:clamp(16.5px,1.4vw,18.5px);line-height:1.6;color:var(--ink-copy);max-width:60ch;margin:0}
.lg-body{padding-bottom:clamp(40px,6vw,72px)}
.lg-toc{margin:0 0 clamp(28px,4vw,44px);padding:20px 24px;background:var(--surface-sunken);border-radius:var(--r-lg)}
.lg-toc ol{margin:0;padding:0;list-style:none;columns:2;column-gap:32px;font-size:15px;line-height:1.9}
.lg-toc a{color:var(--ink-copy);text-decoration:none}
.lg-toc a:hover{color:var(--brand-ink);text-decoration:underline}
.lg-text{max-width:var(--lg-measure)}
/* section and article headings are navigation markers, not editorial: sans */
.lg-text h2{font-family:var(--font-sans);font-weight:700;letter-spacing:-.01em;font-size:clamp(18px,1.7vw,20px);
  margin:clamp(30px,4vw,44px) 0 12px;scroll-margin-top:120px}
.lg-text h2:first-child{margin-top:0}
.lg-text p{font-size:16.5px;line-height:1.72;color:var(--ink-copy);margin:0 0 14px}
.lg-text strong{color:var(--ink)}
.lg-text a{color:var(--brand-ink)}
.lg-note{font-style:italic;padding:12px 16px;border-left:3px solid var(--hairline);background:var(--surface-sunken);border-radius:0 var(--r-md) var(--r-md) 0}
.lg-list{margin:0 0 16px;padding:0;list-style:none;display:grid;gap:10px}
.lg-list li{position:relative;padding-left:22px;font-size:16.5px;line-height:1.7;color:var(--ink-copy)}
.lg-list li::before{content:"";position:absolute;left:0;top:11px;width:8px;height:8px;border-radius:50%;background:var(--brand)}
/* the illustration sits under the title, the text starts on its lower edge */
.lg-switch,.lg-head,.lg-art{background:#f9ead8}
.lg-art{width:100%;margin:0;padding:0;line-height:0}
.lg-art img{display:block;width:min(1240px,100%);margin:0 auto;height:auto;aspect-ratio:1672/720;object-fit:cover;object-position:50% 42%}
.lg-body{margin-top:clamp(-56px,-4vw,-32px);position:relative;z-index:2}
.lg-toc{box-shadow:var(--shadow-float);background:var(--surface-raised)}
.lg-ask{text-align:center;background:var(--surface-raised)}
.lg-ask .intro{margin:0 auto;max-width:52ch}
@media(max-width:820px){
  .lg-switch{padding-top:124px}
  .lg-toc ol{columns:1}
  .lg-art img{aspect-ratio:4/5}
  .lg-body{margin-top:-24px}
}