/* Styles for the standalone legal pages (privacy.html, terms.html).
   Kept in an external file so the site's CSP (style-src 'self', no
   'unsafe-inline') allows it — an inline <style> block is blocked.
   Deliberately self-contained and NOT part of site.css: these pages use a
   narrow 760px measure and their own .wrap/.brand/footer, which would clash
   with the main site's wider layout classes. */
:root{--ink:#171513;--ink-soft:#403a35;--paper:#fff;--line:#eae6e1;--coral:#f0543c;--coral-deep:#d23b26;
  --display:'Bricolage Grotesque',system-ui,sans-serif;--body:'Hanken Grotesk',system-ui,sans-serif;--mono:'Space Mono',monospace;}
*{box-sizing:border-box;}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased;}
a{color:var(--coral-deep);}
.wrap{max-width:760px;margin:0 auto;padding:0 24px;}
.top{border-bottom:1px solid var(--line);padding:16px 0;}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);}
.brand span{font-family:var(--display);font-weight:800;font-size:21px;letter-spacing:-0.03em;}
.legal{padding:clamp(40px,6vw,72px) 0 80px;}
.legal h1{font-family:var(--display);font-weight:800;font-size:clamp(32px,5vw,46px);letter-spacing:-0.025em;line-height:1.03;margin:0 0 10px;}
.legal .meta{font-family:var(--mono);font-size:13px;color:var(--ink-soft);margin:0 0 8px;}
.draft{background:#fff0ec;border:1px solid #ffd7cd;border-radius:12px;padding:12px 16px;font-size:14.5px;color:var(--coral-deep);margin:20px 0 36px;}
.legal h2{font-family:var(--display);font-weight:700;font-size:22px;letter-spacing:-0.015em;margin:38px 0 10px;}
.legal p,.legal li{color:var(--ink-soft);}
.legal ul{padding-left:20px;}
.legal li{margin:6px 0;}
.legal strong{color:var(--ink);}
.back{display:inline-block;margin-top:40px;font-family:var(--display);font-weight:600;text-decoration:none;color:var(--ink);}
.back:hover{color:var(--coral-deep);}
footer{border-top:1px solid var(--line);padding:28px 0;font-size:14px;color:var(--ink-soft);}

/* security page extras: lead paragraph, highlighted callout, sub-processor table */
.legal .lead{font-size:19px;color:var(--ink);margin:0 0 8px;}
.callout{background:#fff5f2;border:1px solid #ffd7cd;border-left:3px solid var(--coral);border-radius:12px;padding:16px 18px;margin:22px 0;font-size:15.5px;line-height:1.55;color:var(--ink-soft);}
.callout p{margin:0 0 8px;}
.callout p:last-child{margin-bottom:0;}
.callout strong{color:var(--ink);}
.table-wrap{overflow-x:auto;margin:18px 0 8px;-webkit-overflow-scrolling:touch;}
.legal table{border-collapse:collapse;width:100%;min-width:440px;font-size:15px;}
.legal th,.legal td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top;}
.legal thead th{font-family:var(--display);font-weight:700;color:var(--ink);border-bottom:2px solid var(--line);white-space:nowrap;}
.legal tbody td{color:var(--ink-soft);}
.legal tbody td strong{color:var(--ink);}