/* Shared styling for the cram-cohort legal pages (privacy / terms / refund).
   Dark-premium look to match the Calculus brand family. Self-contained — no build step. */
:root{
  --bg:#020617; --panel:#0b1220; --ink:#cbd5e1; --ink-soft:#94a3b8;
  --white:#f8fafc; --accent:#22d3ee; --accent2:#a855f7; --line:#1e293b; --warn:#fbbf24;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  line-height:1.7; -webkit-font-smoothing:antialiased;
}
.topbar{
  position:sticky; top:0; z-index:10; backdrop-filter:blur(8px);
  background:rgba(2,6,23,.8); border-bottom:1px solid var(--line);
  padding:14px 20px; display:flex; justify-content:space-between; align-items:center;
}
.topbar a{color:var(--accent); text-decoration:none; font-size:14px; font-weight:600}
.topbar a:hover{color:var(--white)}
.topbar .tag{color:var(--ink-soft); font-size:11px; letter-spacing:.2em; text-transform:uppercase}
.wrap{max-width:820px; margin:0 auto; padding:48px 24px 80px}
h1{color:var(--white); font-size:2.2rem; font-weight:800; margin:0 0 6px; letter-spacing:.01em}
.updated{color:var(--accent); font-size:13px; letter-spacing:.12em; text-transform:uppercase; margin:0 0 36px}
h2{color:var(--white); font-size:1.15rem; font-weight:700; margin:40px 0 12px; padding-top:8px}
h2 .num{color:var(--accent2); margin-right:8px}
p{margin:0 0 14px}
ul{padding-left:22px; margin:0 0 14px}
li{margin:0 0 8px; color:var(--ink-soft)}
strong{color:var(--white)}
a{color:var(--accent)}
.email{user-select:all; color:var(--accent); font-weight:600}
.callout{
  background:var(--panel); border:1px solid var(--line); border-left:3px solid var(--accent);
  border-radius:10px; padding:16px 18px; margin:18px 0;
}
.callout.warn{border-left-color:var(--warn)}
.legalese{color:var(--ink-soft); font-size:.86rem; text-transform:uppercase; letter-spacing:.02em; font-weight:600}
.divider{height:1px; background:var(--line); margin:40px 0}
.footlinks{margin-top:48px; padding-top:24px; border-top:1px solid var(--line); font-size:14px}
.footlinks a{margin-right:18px}
.fill{background:rgba(251,191,36,.12); color:var(--warn); padding:1px 6px; border-radius:4px; font-weight:600}
