/* Shared by terms.html, refund.html and privacy.html: the landing's palette,
   fonts and ink-outline look, kept quiet so the text reads as a document. */
:root{
  --bg:#FFF8EE; --surface:#FFFFFF; --surface-2:#F8F0E3; --border:#EDE3D3;
  --ink:#1F1B2D; --ink-soft:#4E4960; --ink-faint:#8A8499;
  --accent:#5B3FE6; --accent-2:#4730C4; --tomato:#FF6A47;
  --warn:#9A3B22; --warn-soft:#FFE7DC;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#16131F; --surface:#1F1B2D; --surface-2:#27223A; --border:#342E48;
    --ink:#F4EFFF; --ink-soft:#C9C2DD; --ink-faint:#8F87A8;
    --accent:#A996FF; --accent-2:#C3B6FF;
    --warn:#FFB49E; --warn-soft:#3A2420;
  }
}
:root[data-theme="dark"]{
  --bg:#16131F; --surface:#1F1B2D; --surface-2:#27223A; --border:#342E48;
  --ink:#F4EFFF; --ink-soft:#C9C2DD; --ink-faint:#8F87A8;
  --accent:#A996FF; --accent-2:#C3B6FF;
  --warn:#FFB49E; --warn-soft:#3A2420;
}
[hidden]{display:none !important;}
*{box-sizing:border-box;}
body{margin:0; background:var(--bg); color:var(--ink); font-family:"Figtree","Onest",system-ui,-apple-system,"Segoe UI",sans-serif; font-size:16px; line-height:1.65;}
h1,h2{font-family:"Bricolage Grotesque","Rubik",system-ui,sans-serif; color:var(--ink);}
h1{font-size:clamp(30px,6vw,40px); font-weight:800; letter-spacing:-.03em; line-height:1.1; margin:0 0 10px;}
h2{font-size:19px; font-weight:700; letter-spacing:-.01em; margin:36px 0 8px;}
a{color:var(--accent);}
a:hover{color:var(--accent-2);}
p,ul,ol{color:var(--ink-soft);}
ul,ol{padding-left:22px;}
li{margin-bottom:6px;}
strong{color:var(--ink);}

header.top{border-bottom:2.5px solid var(--ink); background:var(--surface);}
header.top .wrap{max-width:820px; margin:0 auto; padding:14px 16px; display:flex; align-items:center; justify-content:space-between; gap:16px;}
.brand-row{display:flex; align-items:center; gap:10px; white-space:nowrap; text-decoration:none; color:var(--ink);}
.brand{font-family:"Bricolage Grotesque","Rubik",system-ui,sans-serif; font-weight:800; font-size:18px; letter-spacing:-.02em;}
.rb-mark{flex:none; width:30px; height:30px; border-radius:9px; background:var(--tomato); display:inline-grid; place-items:center; transform:rotate(-6deg); box-shadow:2px 2px 0 #1F1B2D; border:2px solid #1F1B2D;}
.rb-mark svg{width:18px; height:18px;}
header.top nav{display:flex; gap:18px; flex-wrap:wrap; justify-content:flex-end;}
header.top nav a{font-size:14px; font-weight:600; color:var(--ink-soft); text-decoration:none;}
header.top nav a:hover,header.top nav a[aria-current]{color:var(--ink);}
header.top nav a[aria-current]{text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:4px;}

main.wrap{max-width:820px; margin:0 auto; padding:44px 16px 80px;}
.doc{background:var(--surface); border:2.5px solid var(--ink); border-radius:20px; box-shadow:6px 6px 0 var(--ink); padding:clamp(22px,5vw,48px);}
.meta{font-size:13px; font-weight:600; color:var(--ink-faint); margin:0 0 26px;}
.draft{border:2px solid var(--warn); background:var(--warn-soft); color:var(--warn); border-radius:12px; padding:12px 16px; font-size:14px; line-height:1.5; margin:0 0 30px;}
.draft strong{color:inherit;}
.toc{background:var(--surface-2); border:2px solid var(--border); border-radius:14px; padding:14px 18px 10px; margin:0 0 8px; font-size:14.5px; columns:2 240px; column-gap:28px;}
.toc ol{margin:0; padding-left:20px;}
.toc li{margin-bottom:4px; break-inside:avoid;}
.toc a{color:var(--ink-soft); text-decoration:none;}
.toc a:hover{color:var(--accent);}
h2[id]{scroll-margin-top:20px;}
.note{font-size:13.5px; color:var(--ink-faint); border-top:2px solid var(--border); padding-top:16px; margin-top:36px;}

.langs{display:flex; gap:8px; margin:0 0 26px;}
.langs button{font:700 13px "Figtree",system-ui,sans-serif; padding:6px 14px; border-radius:10px; border:2px solid var(--ink); background:var(--surface); color:var(--ink); cursor:pointer;}
.langs button[aria-pressed="true"]{background:var(--ink); color:var(--bg);}

footer{padding:0 16px 40px; text-align:center; font-size:13px; color:var(--ink-faint);}
footer a{color:var(--ink-faint); margin:0 6px;}
@media (max-width:480px){ header.top nav{gap:12px;} header.top nav a{font-size:13px;} header.top nav a[data-home]{display:none;} .brand{font-size:16px;} }

/* legal-draft.html: two documents on one page, tables, fill-ins */
.stack{display:flex; flex-direction:column; gap:36px;}
.stack > .draft{margin:0;}
.draft details{margin-top:10px;}
.draft summary{cursor:pointer; font-weight:700;}
.draft ol{margin:8px 0 0; padding-left:20px; color:inherit;}
mark.fill{background:#FFE58A; color:#1F1B2D; padding:0 4px; border-radius:4px;}
.tbl{overflow-x:auto; margin:6px 0 14px;}
.tbl table{border-collapse:collapse; width:100%; font-size:14.5px;}
.tbl th,.tbl td{text-align:left; vertical-align:top; padding:8px 10px; border-bottom:2px solid var(--border); color:var(--ink-soft);}
.tbl th{color:var(--ink); font-weight:700; border-bottom-color:var(--ink);}