/* Shared chrome for the document pages (/terms, /privacy, /delete-account, /support).
   Mirrors the palette and type of index.html — same paper, same ink, same stripe. */

:root{
  --paper:#FBFAF4; --page:#F1EDE1; --paperDeep:#EAE6D8;
  --ink:#14202E; --inkSoft:#33445A; --inkMute:#76808F; --inkFaint:#A8B0BC;
  --brick:#A8392C; --brickDeep:#7C2A1E; --brickSoft:#F5E1DC;
  --blue:#22506F; --blueDeep:#163A52; --sage:#5E7A4C; --sageDeep:#42583A;
  --gold:#E8B469; --border:rgba(20,32,46,0.10); --borderStrong:rgba(20,32,46,0.20);
  --noise:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.32 0 0 0 0 0.26 0 0 0 0 0.16 0 0 0 0.08 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  background:var(--paper); background-image:var(--noise);
  color:var(--ink);
  font-family:'IBM Plex Sans',-apple-system,system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
  line-height:1.6;
}
a{color:var(--blue);}
a:hover{color:var(--blueDeep);}

.stripe{display:flex;height:5px;width:100%;}
.stripe i{display:block;height:100%;}
.stripe i:nth-child(1){flex:4;background:var(--brick);}
.stripe i:nth-child(2){flex:2;background:var(--paperDeep);}
.stripe i:nth-child(3){flex:5;background:var(--blue);}

.nav{position:sticky;top:0;z-index:100;background:rgba(247,245,238,.82);
  backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);
  border-bottom:1px solid rgba(20,32,46,.08);}
.nav-in{max-width:760px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);}
.brand .name{font-size:20px;font-weight:700;letter-spacing:-.01em;}
.nav a.back{font-size:14px;font-weight:500;color:var(--inkSoft);text-decoration:none;white-space:nowrap;}
.nav a.back:hover{color:var(--ink);}

.doc{max-width:760px;margin:0 auto;padding:56px 24px 96px;}
.kicker{font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:700;color:var(--brick);
  letter-spacing:.26em;text-transform:uppercase;display:flex;align-items:center;gap:10px;margin:0;}
.kicker::before{content:"";width:7px;height:7px;border-radius:99px;background:currentColor;flex:none;}
.doc h1{font-size:clamp(34px,5vw,48px);font-weight:700;letter-spacing:-.03em;line-height:1.05;margin:18px 0 10px;}
.doc .effective{font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:600;color:var(--inkMute);
  letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;}
.doc .lede{font-size:18px;color:var(--inkSoft);margin:18px 0 0;max-width:620px;}
.doc hr{border:none;border-top:1px solid var(--border);margin:40px 0;}
.doc h2{font-size:22px;font-weight:700;letter-spacing:-.015em;margin:42px 0 12px;}
.doc h3{font-size:17px;font-weight:600;margin:28px 0 8px;}
.doc p{margin:0 0 14px;color:var(--inkSoft);}
.doc li{color:var(--inkSoft);margin-bottom:8px;}
.doc strong{color:var(--ink);}
.doc ul,.doc ol{padding-left:24px;margin:0 0 14px;}
.doc table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:15px;}
.doc th{text-align:left;font-family:'IBM Plex Mono',monospace;font-size:11.5px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:var(--inkMute);padding:10px 12px 8px 0;border-bottom:1.5px solid var(--borderStrong);}
.doc td{vertical-align:top;padding:10px 12px 10px 0;border-bottom:1px solid var(--border);color:var(--inkSoft);}
.doc .callout{background:#fff;border:1.5px solid var(--borderStrong);border-radius:14px;padding:20px 22px;margin:22px 0;}
.doc .callout.warn{border-color:var(--brick);background:var(--brickSoft);}
.doc .callout p:last-child{margin-bottom:0;}
.doc .steps{counter-reset:step;list-style:none;padding-left:0;}
.doc .steps li{counter-increment:step;position:relative;padding-left:42px;margin-bottom:14px;}
.doc .steps li::before{content:counter(step);position:absolute;left:0;top:0;width:26px;height:26px;
  border-radius:99px;background:var(--ink);color:var(--paper);font-family:'IBM Plex Mono',monospace;
  font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;}

.footer{background:var(--ink);margin-top:0;}
.footer .wrap{max-width:760px;margin:0 auto;padding:34px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;}
.footer .stamp{font-family:'IBM Plex Mono',monospace;font-size:10.5px;font-weight:600;color:rgba(247,245,238,.45);
  letter-spacing:.18em;text-transform:uppercase;line-height:1.8;}
.footer nav{display:flex;gap:18px;flex-wrap:wrap;}
.footer nav a{font-size:13px;color:rgba(247,245,238,.7);text-decoration:none;}
.footer nav a:hover{color:#fff;}