/* Shared styles for Contact, Terms, Privacy and Refund pages */
:root{
  --bg:#F3F1FA; --surface:#FFFFFF; --ink:#16131F; --muted:#5E5873; --line:#DCD7EA; --accent:#E23A1C; --focus:#2140D6;
  --display:"Bricolage Grotesque", "Arial Black", system-ui, sans-serif;
  --body:"Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono:"JetBrains Mono", ui-monospace, Menlo, monospace;
}
@media (prefers-color-scheme: dark){ :root{
  --bg:#0F0D15; --surface:#1A1723; --ink:#F2EFFA; --muted:#A39DB8; --line:#2C2838; --accent:#FF6A4D; --focus:#8EA2FF; color-scheme:dark } }
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0; background:var(--bg); color:var(--ink); font-family:var(--body); font-size:17px; line-height:1.65}
.wrap{max-width:760px; margin:0 auto; padding-left:max(16px, env(safe-area-inset-left,0px)); padding-right:max(16px, env(safe-area-inset-right,0px))}
header{display:flex; justify-content:space-between; align-items:center; padding-block:20px; gap:16px; flex-wrap:wrap}
.logo{font-family:var(--display); font-weight:800; font-size:22px; letter-spacing:-.02em; display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--ink)}
.logo-mark{width:28px; height:28px; border-radius:50%; background:#FF4A2B; position:relative}
.logo-mark::after{content:""; position:absolute; inset:8px 7px 8px 9px; background:var(--bg); clip-path:polygon(100% 0,100% 100%,0 50%)}
header a.back{color:var(--muted); font-size:15px}
main{padding-block:28px 56px}
h1{font-family:var(--display); font-weight:800; font-size:clamp(36px,6vw,54px); letter-spacing:-.03em; line-height:1.02; margin:0 0 10px; text-wrap:balance}
h2{font-family:var(--display); font-weight:700; font-size:24px; letter-spacing:-.015em; margin:36px 0 8px; line-height:1.2}
.updated{font-family:var(--mono); font-size:12px; text-transform:uppercase; letter-spacing:.08em; color:var(--muted)}
p, li{color:var(--ink)}
.lead{color:var(--muted); font-size:19px}
ul, ol{padding-left:22px}
li{margin-bottom:6px}
a{color:inherit}
a:focus-visible{outline:3px solid var(--focus); outline-offset:3px; border-radius:4px}
.card{background:var(--surface); border-radius:18px; padding:22px 24px; margin-top:24px; display:grid; gap:14px}
.card div{display:grid; gap:2px}
.card .k{font-family:var(--mono); font-size:12px; text-transform:uppercase; letter-spacing:.08em; color:var(--muted)}
.card .v{font-size:18px; font-weight:600; overflow-wrap:anywhere}
footer{border-top:1px solid var(--line); padding-block:28px 40px; font-size:14px; color:var(--muted)}
footer nav{display:flex; flex-wrap:wrap; gap:16px; margin-top:8px}
footer a{color:var(--muted)}