/* Privacy policy and Terms of use. Needs nav.css + listings.css first (tokens, footer). */
.lg{padding:140px 0 90px}
.lg-head{max-width:760px;margin-bottom:56px}
.lg-head .bc-eyebrow{color:var(--pg-muted)}
.lg-head h1{font-size:clamp(34px,5vw,56px);font-weight:300;letter-spacing:-.02em;line-height:1.08;margin:0 0 18px}
.lg-head p{color:var(--pg-muted);font-size:16px;line-height:1.7;margin:0}
.lg-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.lg-meta span,.lg-meta a{display:inline-flex;align-items:center;height:32px;padding:0 14px;border:1px solid var(--pg-line);border-radius:999px;font-size:12.5px;color:var(--pg-muted);background:var(--pg-card);text-decoration:none}
.lg-meta a:hover{color:var(--pg-ink);border-color:var(--pg-ink)}
.lg-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:64px;align-items:start}
.lg-toc{position:sticky;top:110px;display:flex;flex-direction:column;gap:2px;font-size:13.5px;border-left:1px solid var(--pg-line);padding-left:16px}
.lg-toc b{font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;color:var(--pg-muted);margin-bottom:10px}
.lg-toc a{color:var(--pg-muted);text-decoration:none;padding:5px 0;line-height:1.4}
.lg-toc a:hover{color:var(--pg-ink)}
.lg-body{background:var(--pg-card);border-radius:var(--pg-radius);padding:48px 56px;max-width:820px}
.lg-body section{scroll-margin-top:110px}
.lg-body section+section{margin-top:40px;padding-top:40px;border-top:1px solid var(--pg-line)}
.lg-body h2{font-size:22px;font-weight:400;letter-spacing:-.01em;margin:0 0 14px}
.lg-body h3{font-size:15px;font-weight:500;margin:22px 0 8px}
.lg-body p,.lg-body li{font-size:15px;line-height:1.75;color:#3d3933}
.lg-body p{margin:0 0 12px}
.lg-body ul{margin:0 0 12px;padding-left:20px}
.lg-body li{margin-bottom:6px}
.lg-body a{color:var(--pg-ink);text-underline-offset:3px}
.lg-note{background:var(--pg-soft);border:1px solid var(--pg-line);border-radius:14px;padding:16px 20px;margin:16px 0}
.lg-note p:last-child{margin:0}
@media(max-width:960px){
  .lg{padding:120px 0 70px}
  .lg-grid{grid-template-columns:1fr;gap:28px}
  .lg-toc{position:static;flex-direction:row;flex-wrap:wrap;gap:6px 14px;border-left:0;padding-left:0}
  .lg-toc b{width:100%;margin-bottom:2px}
}
@media(max-width:640px){
  .lg-body{padding:28px 20px}
  .lg-body h2{font-size:20px}
  .lg-body p,.lg-body li{font-size:14.5px}
}
