/* ============================================================
   Complyology — legal pages (privacy, terms)
   ------------------------------------------------------------
   A document, not a landing page. Single measured column, generous
   leading, real heading hierarchy. The one piece of colour is the
   unfilled-placeholder marker, which exists to make sure an
   incomplete clause cannot be published by accident.
   ============================================================ */

.lg__h{padding:64px 0 40px}
.lg__h h1{font-size:clamp(36px,5.6vw,58px);line-height:1.06;letter-spacing:-.02em;margin-top:22px}
.lg__d{margin-top:26px;font-family:"JetBrains Mono",monospace;font-size:10.5px;
  text-transform:uppercase;letter-spacing:.2em;color:var(--subtle)}

.lg{padding-top:8px}
.lg__w{max-width:74ch}
.lg h2{font-size:23px;line-height:1.25;margin:52px 0 14px;letter-spacing:-.005em}
.lg h2:first-of-type{margin-top:0}
.lg p{font-size:15.5px;line-height:1.8;color:var(--muted);margin-bottom:16px}
.lg p:last-child{margin-bottom:0}
.lg b{color:var(--ink);font-weight:500}
.lg em{font-style:italic;color:var(--ink)}
.lg a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;
  text-decoration-color:var(--border);transition:color .2s var(--ease),text-decoration-color .2s var(--ease)}
.lg a:hover{color:var(--chaos);text-decoration-color:var(--chaos)}
.lg code{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:13px;
  background:var(--surface);border:1px solid var(--border);border-radius:3px;padding:1px 5px;color:var(--ink)}

.lg__l{list-style:none;padding:0;margin:0 0 16px}
.lg__l li{position:relative;padding-left:22px;font-size:15.5px;line-height:1.8;color:var(--muted);
  margin-bottom:9px}
.lg__l li::before{content:"";position:absolute;left:0;top:11px;width:5px;height:5px;border-radius:50%;
  background:var(--chaos);opacity:.85}

/* The lede box at the top of each document. */
.lg__tldr{padding:26px 30px;background:var(--surface);border:1px solid var(--border);
  border-left:3px solid var(--chaos);border-radius:var(--radius);margin-bottom:8px}
.lg__tldr p{margin:0;font-size:15.5px;line-height:1.8}
.lg__tk{font-family:"JetBrains Mono",monospace;font-size:10px!important;text-transform:uppercase;
  letter-spacing:.2em;color:var(--muted)!important;margin-bottom:12px!important;line-height:1.5!important}

/* A carve-out that must not be skimmed past. */
.lg__warn{padding:20px 24px;border:1px solid var(--border);border-radius:var(--radius);
  background:var(--card)}

.lg__c{margin-top:56px;padding-top:28px;border-top:1px solid var(--border)}

/* Unfilled placeholder. Deliberately loud: an incomplete clause should be
   impossible to publish without noticing it. Remove the span, not the style. */
.lg__todo{display:inline-block;padding:1px 8px;border:1px dashed var(--chaos);border-radius:3px;
  background:color-mix(in srgb,var(--chaos) 8%,transparent);color:var(--chaos);
  font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:.02em;font-weight:500}

@media(prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .lg__tldr,
  :root:not([data-theme="light"]) .lg__warn{box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
}
:root[data-theme="dark"] .lg__tldr,
:root[data-theme="dark"] .lg__warn{box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}