/**
 * Shared styling for /privacy, /terms and /refund-policy.
 *
 * These pages exist to be read and to be checked — by a buyer deciding whether to
 * trust the checkout, and by a Stripe or Meta reviewer deciding whether the account
 * stays open. Both are better served by plain, high-contrast text than by anything
 * that matches the sales pages, so this borrows only the funnel's typefaces.
 */
:root{
  --ink:#1a1a1a;
  --ink-soft:#3a3a3a;
  --ink-mute:#6b6b6b;
  --paper:#fdfdfb;
  --line:#e2e0da;
  --accent:#b8860b;
  --serif:'Merriweather', Georgia, serif;
  --sans:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{
  background:var(--paper);
  color:var(--ink-soft);
  font-family:var(--sans);
  font-size:16.5px;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:760px;margin:0 auto;padding:0 22px;}

.masthead{border-bottom:1px solid var(--line);background:#fff;}
.masthead .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;padding-bottom:18px;flex-wrap:wrap;}
.brand{font-family:var(--serif);font-weight:700;font-size:16px;color:var(--ink);text-decoration:none;letter-spacing:0.01em;}
.masthead nav{display:flex;gap:20px;flex-wrap:wrap;}
.masthead nav a{font-size:14px;color:var(--ink-mute);text-decoration:none;}
.masthead nav a:hover,.masthead nav a[aria-current="page"]{color:var(--accent);}

main{padding:52px 0 72px;}
h1{font-family:var(--serif);font-size:34px;line-height:1.25;color:var(--ink);margin-bottom:10px;font-weight:900;}
.updated{font-size:14px;color:var(--ink-mute);margin-bottom:34px;padding-bottom:26px;border-bottom:1px solid var(--line);}
h2{font-family:var(--serif);font-size:21px;color:var(--ink);margin:40px 0 12px;font-weight:700;line-height:1.35;}
h3{font-size:16.5px;color:var(--ink);margin:26px 0 8px;font-weight:700;}
p{margin-bottom:16px;}
ul,ol{margin:0 0 16px 22px;}
li{margin-bottom:9px;}
a{color:var(--accent);}
strong{color:var(--ink);font-weight:600;}
table{width:100%;border-collapse:collapse;margin-bottom:20px;font-size:15px;}
th,td{text-align:left;padding:11px 12px;border:1px solid var(--line);vertical-align:top;}
th{background:#f6f5f1;color:var(--ink);font-weight:600;}

/* The summary box at the head of the refund and terms pages: the short answer, for
   anyone who will not read the rest — which is nearly everyone. */
.callout{
  background:#fff;
  border:1px solid var(--line);
  border-left:3px solid var(--accent);
  padding:20px 22px;
  margin:0 0 30px;
  border-radius:3px;
}
.callout p:last-child{margin-bottom:0;}

.pagefoot{border-top:1px solid var(--line);padding:26px 0 40px;font-size:14px;color:var(--ink-mute);}
.pagefoot a{color:var(--ink-mute);}
.pagefoot nav{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:10px;}

@media (max-width:640px){
  body{font-size:16px;}
  h1{font-size:27px;}
  main{padding:36px 0 52px;}
  table{font-size:14px;}
  th,td{padding:9px 10px;}
}