/* Shared skin for the static legal pages (privacy.html, terms.html). It lives
   once so a brand adjustment cannot drift between the two, and it sits in the
   public-claim manifest like the pages that use it. The body/text/link colors
   below match src/platform2/MarketingSite.css's --ops-paper/--ops-ink/
   --ops-muted/--ops-action tokens; the focus-ring and .notice colors are this
   page's own palette and are not tied to any --ops-* token. */
@font-face{font-family:'Plex Sans';src:url('/fonts/plex-sans-var-latin.woff2') format('woff2');font-display:swap;font-weight:100 900}
@font-face{font-family:'Plex Mono';src:url('/fonts/plex-mono-500-latin.woff2') format('woff2');font-display:swap;font-weight:500}
:root{color-scheme:light}
*{box-sizing:border-box}
body{margin:0;background:#f3f0e7;color:#172019;font:17px/1.65 'Plex Sans',Arial,sans-serif}
main{width:min(860px,calc(100% - 40px));margin:0 auto;padding:72px 0}
a{color:#176b45;text-underline-offset:4px}
a:focus-visible{outline:3px solid #b27a18;outline-offset:3px}
h1{max-width:14ch;margin:0 0 18px;font-size:clamp(40px,7vw,56px);font-weight:670;line-height:1.02;letter-spacing:-.045em}
h2{margin:38px 0 10px;font-size:22px;line-height:1.2}
p,li{color:#526057}
.back{display:inline-block;margin-bottom:46px;font-weight:650}
.notice{margin:28px 0;padding:18px 20px;border:1px solid #b59b68;border-left:4px solid #8a5a18;background:#fbf5e7}
.notice strong{color:#6e4512}
.meta{color:#526057;font-family:'Plex Mono',monospace;font-size:13px}
.meta strong{color:#172019}
.contact{margin-top:48px;padding-top:28px;border-top:2px solid #172019}
@media print{body{background:#fff;color:#111}p,li,.meta{color:#333}a{color:#111}.notice{background:#fff;border-color:#777}main{width:auto;padding:24px}.back{display:none}}
@media(max-width:520px){main{padding:42px 0}h1{font-size:40px}.back{margin-bottom:34px}}

/* --- Long-form policy documents -------------------------------------------
   privacy.html and terms.html are generated from the attorney-review drafts in
   docs/legal/contracts/, which are authored against legal-doc.css for print.
   These rules carry the same structures - numbered sections, defined terms,
   the summary box, the draft banner, conspicuous clauses - into the site's
   paper palette, so the PDF and the web page render one source of truth.
   Regenerate the pages rather than editing them here: see
   docs/legal/PUBLICATION_CHECKLIST.md. */
main{counter-reset:sec}
h2.numbered{counter-increment:sec}
h2.numbered::before{content:counter(sec) ". "}
h3{margin:26px 0 8px;font-size:18px;line-height:1.3;color:#172019}
ul,ol{margin:0 0 14px;padding-left:24px}
li{margin:0 0 7px}
/* Defined terms, italicized where the document first binds them. */
strong.term{font-style:italic}
/* Conspicuousness: warranty disclaimers and liability limits must stand out
   from surrounding text (UCC 2-316 and its state analogues). Bold, not caps -
   an all-caps wall is legally conspicuous but unreadable, and these documents
   are written to be read. */
.caps-clause{font-weight:700;color:#172019}
.docmeta{margin:0 0 26px;color:#526057;font-family:'Plex Mono',monospace;font-size:13px;line-height:1.8}
.banner{margin:0 0 30px;padding:18px 20px;border:1px solid #a8503f;border-left:4px solid #7a1f1f;background:#fbf1ef}
.banner strong{color:#7a1f1f;letter-spacing:.04em}
.banner p{margin:7px 0 0;font-size:15px;color:#5c4340}
.summary{margin:0 0 34px;padding:20px 22px;border:1px solid #b9c2cf;border-left:4px solid #2c4a73;background:#f2f5f9}
.summary h2{margin:0 0 10px;font-size:19px;color:#2c4a73}
.summary h2::before{content:none}
.summary li{font-size:16px}
.summary .nonop{margin:10px 0 0;font-size:14px;font-style:italic;color:#5a636e}
@media print{.banner,.summary{background:#fff;border-color:#777}h3,.caps-clause{color:#111}}
/* Tables carry the DPA's processing details and subprocessor register. They
   must scroll inside their own container rather than forcing the page to
   scroll sideways on a phone. */
.tablewrap{overflow-x:auto;margin:0 0 18px}
table{border-collapse:collapse;width:100%;min-width:520px;font-size:15px}
th,td{border:1px solid #cfc9ba;padding:9px 11px;text-align:left;vertical-align:top;color:#526057}
th{background:#eae6da;color:#172019;font-weight:650}
.rule{border:0;border-top:1px solid #cfc9ba;margin:34px 0}
@media print{th{background:#fff}th,td{border-color:#777;color:#333}.tablewrap{overflow-x:visible}table{min-width:0}}