/* Legal pages: Privacy policy (/privacy/) and Terms of use (/terms/).
   Page prefix: lg-. Both pages link this one stylesheet.
   A calm document layout: a plain header, a table of contents and a narrow
   measure. No visuals and no motion. Shared parts (header, footer, crumbs,
   type, tokens) come from /assets/site/site.css. */

/* ---------- Document header ---------- */
.lg-hero{position:relative;padding:calc(var(--hd) + clamp(32px,5vw,64px)) 0 clamp(36px,4.5vw,56px);border-bottom:1px solid var(--line)}
.lg-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(42% 80% at 10% 0%,rgba(123,92,255,.12),transparent 72%)}
.lg-head{position:relative;max-width:44rem}
.lg-head h1{font-size:clamp(36px,4.2vw,56px);line-height:1.05}
.lg-updated{margin-top:16px;font-size:16px;line-height:1.5;color:var(--muted)}
.lg-updated time{color:var(--paper)}
.lg-note{margin-top:28px;padding:16px 20px 17px;border-radius:var(--radius-sm);background:var(--wash);box-shadow:inset 0 0 0 1px var(--line-2);font-size:16px;line-height:1.6;color:var(--paper)}
.lg-note-k{display:inline-flex;align-items:center;height:24px;margin-right:12px;padding:0 10px;border-radius:999px;background:rgba(183,168,255,.14);font:500 13px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--lav);vertical-align:1px}

/* ---------- Layout: contents on the left, the document on the right ---------- */
.lg-layout{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:start;padding:clamp(40px,5vw,64px) 0 var(--sec-y)}

/* Table of contents */
.lg-toc{position:sticky;top:calc(var(--hd) + 32px);max-height:calc(100vh - var(--hd) - 64px);overflow-y:auto;overscroll-behavior:contain}
.lg-toc-h{margin:0 0 12px;font:500 13px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--lav)}
.lg-toc ol{list-style:none;margin:0;padding:0;counter-reset:lg-toc;border-left:1px solid var(--line)}
.lg-toc li{counter-increment:lg-toc;break-inside:avoid}
.lg-toc ol a{display:flex;gap:10px;min-height:40px;margin-left:-1px;padding:9px 0 9px 16px;border-left:1px solid transparent;font-size:15px;line-height:1.45;color:var(--muted);text-decoration:none;transition:color .2s,border-color .2s}
.lg-toc ol a::before{content:counter(lg-toc);flex:none;min-width:1.3em;font-variant-numeric:tabular-nums;color:var(--lav)}
.lg-toc ol a:hover{color:var(--paper);border-left-color:var(--lav)}
.lg-toc-other{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:16px;font-size:15px;font-weight:500;color:var(--lav);text-decoration:none}
.lg-toc-other::after{content:"→";transition:transform .3s var(--ease)}
.lg-toc-other:hover::after{transform:translateX(3px)}
.lg-toc-other{display:flex;width:max-content}
.lg-toc-other + .lg-toc-other{margin-top:0}

/* The document */
.lg-doc{max-width:44rem;counter-reset:lg-sec}
.lg-doc .lg-lead{font-size:clamp(18px,1.6vw,20px);line-height:1.6;color:var(--paper)}
.lg-sec{counter-increment:lg-sec;margin-top:44px;padding-top:40px;border-top:1px solid var(--line);scroll-margin-top:calc(var(--hd) + 24px)}
.lg-sec h2{display:flex;align-items:flex-start;gap:14px;margin:0 0 16px;font-size:clamp(22px,2.2vw,26px);line-height:1.25;letter-spacing:-.02em}
.lg-sec h2::before{content:counter(lg-sec);flex:none;display:grid;place-items:center;width:30px;height:30px;margin-top:1px;border-radius:50%;background:var(--night-2);box-shadow:inset 0 0 0 1px var(--line-2);font:600 14px/1 var(--display);letter-spacing:0;color:var(--lav)}
.lg-sec:target h2::before{background:var(--violet);box-shadow:none;color:var(--paper)}
.lg-doc p{font-size:17px;line-height:1.7;color:var(--muted)}
.lg-doc p + p,.lg-doc dl + ul,.lg-doc ul + p{margin-top:16px}
.lg-doc strong{font-weight:500;color:var(--paper)}
.lg-doc a{color:var(--lav);text-decoration-color:rgba(183,168,255,.45);text-underline-offset:3px}
.lg-doc a:hover{text-decoration-color:var(--lav)}

.lg-list{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:12px}
.lg-list.is-dots{gap:6px}
.lg-list li{position:relative;padding-left:22px;font-size:17px;line-height:1.7;color:var(--muted)}
.lg-list li::before{content:"";position:absolute;left:2px;top:.72em;width:7px;height:7px;border-radius:50%;background:var(--lav)}

/* ---------- Widths ---------- */
@media (max-width:899px){
  .lg-layout{grid-template-columns:minmax(0,1fr);gap:40px}
  .lg-toc{position:static;max-height:none;overflow:visible;padding:20px 20px 10px;border-radius:var(--radius-sm);background:var(--night-2);border:1px solid var(--line)}
  .lg-toc ol{columns:2;column-gap:28px;border-left:0}
  .lg-toc ol a{min-height:44px;margin-left:0;padding:10px 0;border-left:0}
  .lg-toc-other{margin-top:4px}
}
@media (max-width:599px){
  .lg-note{padding:14px 16px 15px}
  .lg-toc{padding:18px 16px 8px}
  .lg-toc ol{columns:1}
  .lg-sec{margin-top:36px;padding-top:32px}
  .lg-sec h2{gap:12px}
}

/* ---------- Draft blanks for the founders (removed before launch) ---------- */
.lg-blank{padding:1px 6px;border-radius:6px;background:rgba(183,168,255,.18);box-shadow:inset 0 0 0 1px var(--lav);color:var(--paper);font-weight:500}