/* page-terms.css: the look of a legal draft page (loaded only on the terms page; page-privacy.css is the same file for the privacy page, because a page's stylesheet is picked up by its id).
   Logical properties only; no inline styles. The draft flag and the version block are part of the design: a visitor must see "draft pending legal review" before the first clause. */
.draft-flag{margin:0 0 12px}
.draft-flag .tag-ex{font-size:.9rem;color:var(--head);border-color:var(--em)}
.doc{max-width:52rem;counter-reset:clause}
.draft-banner{margin-bottom:20px}
.draft-banner p+p{margin-top:8px}
.doc-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:12px;margin:0 0 10px}
.doc-meta>div{border:1px solid var(--line);border-radius:12px;padding:10px 14px;background:var(--surface)}
.doc-meta dt{font-size:.8rem;font-weight:600;color:var(--mut)}
.doc-meta dd{margin:2px 0 0;font-weight:700;color:var(--head)}
.doc-fp{margin:0 0 22px}
.doc-toc{margin:0 0 8px;padding:14px 18px;border:1px solid var(--line);border-radius:14px;background:var(--surface2)}
.doc-toc p{margin:0 0 8px}
/* the numbers are drawn by CSS without a full stop: a stop after a number sits on the wrong side of it in right-to-left text */
.doc-toc ol{margin:0;padding:0;list-style:none;counter-reset:toc;display:grid;gap:4px}
.doc-toc li{counter-increment:toc}
.doc-toc li::before{content:counter(toc) "\2002";color:var(--mut);font-family:var(--f-en)}
.doc-sec{margin-top:30px;counter-increment:clause;scroll-margin-top:90px}
.doc-sec h2{font-size:1.25rem;margin-bottom:10px}
.doc-sec h2::before{content:counter(clause) "\2002";color:var(--mut);font-family:var(--f-en)}
.doc-sec p{max-width:46em}
.doc-contact{list-style:none;display:grid;gap:6px;margin:12px 0 0;padding:0}
.doc-open{margin-top:32px;border-style:dashed;border-color:var(--field);scroll-margin-top:90px}
/* a Latin name inside a sentence (a cookie, a key, a version) is never split across two lines */
.nb{white-space:nowrap}