/* ===== penui legal pages (terms, privacy): same baseplate system as the landing (core.css) ===== */
.lg-hero{padding:clamp(48px,8vw,96px) 0 clamp(24px,4vw,40px)}
.lg-hero .lede{max-width:62ch;margin-top:18px}
.lg-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin:22px 0 0;padding:0;list-style:none;font:400 13px var(--mono);color:var(--ink2)}
.lg-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(24px,5vw,72px);padding-bottom:clamp(56px,8vw,112px)}
.lg-toc{position:sticky;top:84px;align-self:start;display:flex;flex-direction:column;gap:6px;font-size:14px;max-height:calc(100vh - 110px);overflow:auto}
.lg-toc b{font:500 12px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--mute);margin-bottom:6px}
.lg-toc a{color:var(--ink2)}.lg-toc a:hover{color:var(--ink)}
.lg-body{max-width:74ch;font-size:16px;line-height:1.65;color:var(--ink2)}
.lg-body section{padding-top:8px;margin-top:36px;scroll-margin-top:84px}
.lg-body h2{font:500 clamp(22px,2.4vw,28px)/1.2 var(--sans);letter-spacing:-.025em;color:var(--ink);margin:0 0 12px}
.lg-body h3{font:500 16px var(--sans);color:var(--ink);margin:20px 0 6px}
.lg-body p{margin:0 0 12px}
.lg-body ul{margin:0 0 14px;padding-left:20px}.lg-body li{margin:0 0 6px}
.lg-body a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:3px}
.lg-body a:hover{text-decoration-color:var(--sel)}
.lg-body code{font-size:.88em;background:var(--bg2);border:1px solid var(--line);color:var(--ink);padding:1px 6px;border-radius:6px}
.lg-caps{font-size:14.5px;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px 16px}
.lg-summary{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin:0 0 8px}
.lg-summary b{color:var(--ink)}
.lg-summary ul{margin:8px 0 0}
.lg-table{width:100%;border-collapse:collapse;font-size:14.5px;margin:6px 0 16px}
.lg-table th,.lg-table td{text-align:left;vertical-align:top;padding:9px 10px;border-bottom:1px solid var(--line)}
.lg-table th{font:500 12px var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--mute)}
.lg-tablewrap{overflow-x:auto}
mark.ph{background:var(--sel-soft);color:var(--ink);padding:0 4px;border-radius:4px}
@media (max-width:860px){.lg-layout{grid-template-columns:1fr}.lg-toc{display:none}}