/* Legal documents (/terms, /privacy, /cookies): one readable column, numbered sections, no cards, no contents list. */

.lg{max-width:calc(68ch + 2 * var(--pad));margin:0 auto;padding:clamp(40px,7vw,88px) var(--pad) clamp(56px,8vw,112px)}
.lg-head{padding-bottom:clamp(24px,4vw,40px);margin-bottom:clamp(24px,4vw,40px);border-bottom:1px solid var(--line-2)}
.lg-head h1{font-size:clamp(2.2rem,5vw,3.4rem);margin-bottom:.3em}
.lg-date{font:500 .85rem/1.4 var(--font-mono);color:var(--muted);letter-spacing:.04em}
.lg-summary{margin:1.2em 0 0;padding-left:18px;border-left:2px solid var(--gold);font-size:1.1rem}

.lg section{scroll-margin-top:calc(var(--hd-h) + 20px);margin-bottom:clamp(28px,4vw,44px)}
.lg h2{font-size:clamp(1.35rem,2.4vw,1.75rem);display:flex;align-items:baseline;gap:.6em}
.lg-n{font:500 .9rem/1 var(--font-mono);color:var(--gold);min-width:2ch;font-variant-numeric:tabular-nums;flex:none}
.lg p,.lg li{max-width:68ch}
.lg ul{padding-left:1.2em}
.lg li{margin-bottom:.6em}
.lg li::marker{color:var(--gold)}
.lg code{font-family:var(--font-mono);font-size:.92em;color:var(--gold);background:var(--bg-2);padding:1px 6px;border-radius:2px;word-break:break-all}
.lg a{word-break:break-word}

.lg-quote{margin:1.2em 0 1.4em;padding:16px 20px;background:var(--bg-2);border:1px solid var(--line);border-left:2px solid var(--gold);font-size:1.05rem}

.lg-table-wrap{margin:1.2em 0 1.4em}
.lg-table{width:100%;border-collapse:collapse;font-size:.98rem;line-height:1.5}
.lg-table caption{text-align:left;font:500 .8rem/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--teal);padding-bottom:10px}
.lg-table thead th{font:500 .8rem/1.4 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;text-align:left;color:var(--muted);padding:8px 14px 8px 0;border-bottom:1px solid var(--line-2)}
.lg-table tbody th,.lg-table td{text-align:left;vertical-align:top;padding:14px 14px 14px 0;border-bottom:1px solid var(--line)}
.lg-table tbody th{font-weight:400}
.lg-table td{color:var(--muted)}

@media (max-width:640px){
  .lg-table,.lg-table tbody,.lg-table tr,.lg-table th,.lg-table td{display:block;width:auto}
  .lg-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .lg-table caption{display:block}
  .lg-table tr{padding:14px 0;border-bottom:1px solid var(--line)}
  .lg-table tbody th,.lg-table td{border:0;padding:3px 0}
  .lg-table td::before{content:attr(data-th) ": ";font-family:var(--font-mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--teal)}
}
@media print{
  .lg{max-width:none;padding:0}
  .lg a{color:#000}
}
