/* Shared styles for the policy pages (privacy, terms, refunds). Same tokens as index.html. */
:root{
  --bg:#FFFFFF; --surface:#FAFAFA; --ink:#000000; --muted:#3D3D3D;
  --leaf:#3D6B39; --beet:#A1235A; --line:#E2E2E2; --tint:#EEF2E6;
  color-scheme:light;
  --f-display:"Lora", Georgia, "Times New Roman", serif;
  --f-body:"Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
}
*{box-sizing:border-box}
html{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:17px;line-height:1.7;
  padding-left:max(16px, env(safe-area-inset-left, 0px));padding-right:max(16px, env(safe-area-inset-right, 0px))}
.wrap{max-width:1080px;margin:0 auto}
a{color:inherit}
:focus-visible{outline:3px solid var(--beet);outline-offset:3px;border-radius:4px}
h1,h2,h3{font-family:var(--f-display);line-height:1.15;text-wrap:balance;margin:0;letter-spacing:-0.01em}
p{margin:0}

header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-block:22px;border-bottom:1px solid var(--line)}
.brand{font-family:var(--f-display);font-weight:800;font-size:22px;text-decoration:none;display:flex;align-items:center;gap:10px}
.brand svg{flex:none}
.back{font-size:15px;color:var(--muted);text-decoration:none}
.back:hover{text-decoration:underline}

.doc{max-width:720px;margin:0 auto;padding-block:56px 72px;display:grid;gap:28px}
.doc-head{display:grid;gap:10px}
.label{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.doc h1{font-size:clamp(34px,5vw,48px);font-weight:800}
.updated{font-size:14px;color:var(--muted)}
.short{background:var(--tint);border-radius:6px;padding:20px 22px;display:grid;gap:10px}
.short h2{font-size:20px;font-weight:700}
.short ul{margin:0;padding-left:20px;display:grid;gap:6px}
.doc section{display:grid;gap:12px;padding-top:28px;border-top:1px solid var(--line)}
.doc h2{font-size:26px;font-weight:700}
.doc h3{font-size:19px;font-weight:700;margin-top:6px}
.doc section p,.doc section li{color:var(--muted)}
.doc section ul,.doc section ol{margin:0;padding-left:22px;display:grid;gap:6px}
.doc strong{color:var(--ink);font-weight:500}
.who{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:18px 20px;display:grid;gap:2px}
.who p{color:var(--muted);overflow-wrap:anywhere}

footer{border-top:1px solid var(--line);padding-block:28px 40px;display:grid;gap:14px;font-size:15px;color:var(--muted)}
.foot-links{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
.foot-links > * + *::before{content:"·";margin-right:10px;color:var(--muted);display:inline-block;text-decoration:none}
.foot-links a{text-decoration:none}
.foot-links a:hover,.foot-links a[aria-current="page"]{text-decoration:underline}
footer p{max-width:72ch}

@media (max-width:520px){
  .doc{padding-block:40px 56px}
  .foot-links{flex-direction:column;align-items:flex-start;gap:8px}
  .foot-links > * + *::before{content:none}
}
