/* ============================================================================
   legal.css — the legal documents on the lit system: /privacy, /terms,
   /data-processing-agreement, /cookie-policy, /subprocessors, /sms-consent.
   Layered on home.css primitives (--p paper · --i ink · --q quiet · --bord
   hairline · --dash receipt rule · --serif / --sans). The same shape as every
   lit secondary page: the ink opening band, then paper, the document as one
   centered column. Hairlines are ink-alpha; one 4px radius; dates and
   figures are Public Sans tabular. The text of each document is untouched by
   this file — it only sets type, measure and rules.
   Registered in build.py CACHE_BUST_ASSETS — run python3 build.py after edits.
   ========================================================================== */

/* the ink opening: what this document is, and the date it took effect */
.lhero{background:#0A0A0A;color:var(--p);padding:96px 0 64px;}
.lhero .shell{max-width:900px;}
.lhero .eyebrow{color:var(--pl62);}
.lhero h1{font-family:var(--serif);font-optical-sizing:auto;font-weight:400;font-size:clamp(37px,4vw,56px);line-height:1.06;letter-spacing:-.013em;margin:0;max-width:20ch;color:var(--p);text-wrap:balance;}
.lhero .sub{color:var(--pl62);font-size:15.5px;line-height:1.65;max-width:62ch;margin:18px 0 0;}
.lhero .sub strong{color:var(--p);font-weight:600;}
.lhero .lrec{display:flex;flex-wrap:wrap;gap:6px 32px;margin-top:40px;padding-top:12px;border-top:1px dashed rgba(252,252,251,.45);font-family:var(--sans);font-variant-numeric:tabular-nums;font-size:12.5px;letter-spacing:.01em;color:var(--pl62);}
.lhero .lrec b{color:var(--p);font-weight:600;}

/* the family of documents, one row on the top edge of the paper */
.ldocs{border-bottom:1px solid rgba(20,20,20,.14);}
.ldocs .shell{max-width:900px;display:flex;gap:0 26px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
.ldocs .shell::-webkit-scrollbar{display:none;}
.ldocs a{display:inline-block;padding:16px 0 14px;margin-bottom:-1px;font-size:13px;font-weight:500;color:var(--q);border-bottom:2px solid transparent;white-space:nowrap;}
.ldocs a:hover{color:var(--i);}
.ldocs a[aria-current="page"]{color:var(--i);border-bottom-color:var(--i);}

/* the document: one column, quiet text, ink where it matters */
.lsec{padding:72px 0 0;}
.lsec .shell{max-width:900px;}
.ldoc{max-width:70ch;}
.ldoc p,.ldoc li{font-size:15.5px;line-height:1.7;color:var(--q);}
.ldoc p{margin:18px 0 0;}
.ldoc>p:first-child{margin-top:0;}
.ldoc strong{color:var(--i);font-weight:600;}
.ldoc a{color:var(--i);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:var(--bord);text-underline-offset:3px;}
.ldoc a:hover{color:var(--i);text-decoration-color:var(--i);}
.ldoc h2{font-family:var(--serif);font-optical-sizing:auto;font-weight:400;font-size:clamp(26px,2.6vw,32px);line-height:1.18;letter-spacing:-.008em;margin:64px 0 0;padding-top:28px;border-top:1px solid rgba(20,20,20,.14);text-wrap:balance;}
.ldoc>h2:first-child{margin-top:0;padding-top:0;border-top:0;}
.ldoc h3{font-family:var(--serif);font-optical-sizing:auto;font-weight:400;font-size:21px;line-height:1.25;margin:40px 0 0;}
.ldoc h2+h3{margin-top:24px;}
.ldoc h2+p,.ldoc h3+p{margin-top:14px;}
.ldoc ul,.ldoc ol{margin:14px 0 0;padding-left:22px;}
.ldoc li{margin-top:8px;}
.ldoc li::marker{color:var(--q);}
.ldoc blockquote{margin:18px 0 0;padding:4px 0 4px 20px;border-left:1px solid var(--i);font-family:var(--serif);font-optical-sizing:auto;font-size:18px;line-height:1.55;color:var(--i);}
.ldoc .sign{margin-top:48px;padding-top:20px;border-top:1px dashed var(--dash);}

/* tables: hairlines, the name in ink, scroll sideways on phones */
.ldoc table{width:100%;border-collapse:collapse;margin:22px 0 0;font-size:14px;line-height:1.5;}
.ldoc th,.ldoc td{text-align:left;vertical-align:top;padding:12px 16px 12px 0;border-bottom:1px solid rgba(20,20,20,.14);color:var(--q);}
.ldoc th{font-size:12.5px;font-weight:600;letter-spacing:.01em;color:var(--i);border-bottom-color:var(--i);}
.ldoc td:first-child{color:var(--i);font-weight:500;}
.ldoc td a{font-weight:500;}

@media (max-width:960px){
  .lhero{padding:56px 0 44px;}
  .lsec{padding-top:56px;}
  .ldoc h2{margin-top:48px;}
}
@media (max-width:640px){
  .ldoc table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .ldoc th,.ldoc td{min-width:150px;}
  .ldoc td:last-child,.ldoc th:last-child{padding-right:0;}
}