/* VELYRON · shared styles for legal pages (/terms, /privacy, /refund) */
:root{
  /* aliases of the canonical tokens (velyron-ui.css is loaded first) */
  --bg:var(--v-bg); --bg-1:var(--v-surface); --fg:var(--v-fg); --fg-dim:var(--v-fg-dim); --fg-mute:var(--v-fg-mute);
  --rule:var(--v-line); --rule-2:var(--v-line-2); --signal:var(--v-signal);
}
}
:root[data-theme="dark"]{ --bg:#05070a; --bg-1:#0a0d12; --fg:#eef1f4; --fg-dim:#8f969e; --fg-mute:#575e66; --rule:rgba(255,255,255,0.08); --rule-2:rgba(255,255,255,0.14); --signal:oklch(0.86 0.08 210); }
:root[data-theme="light"]{ --bg:#f7f6f3; --bg-1:#fff; --fg:#0b0d10; --fg-dim:#565b63; --fg-mute:#8b9099; --rule:rgba(11,13,16,0.10); --rule-2:rgba(11,13,16,0.16); --signal:oklch(0.56 0.13 233); }

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--fg);font-family:'Space Grotesk',system-ui,-apple-system,sans-serif;
  line-height:1.62;-webkit-font-smoothing:antialiased;font-size:16px}
a{color:var(--signal);text-decoration:none}
a:hover{text-decoration:underline}
.mono{font-family:'JetBrains Mono',ui-monospace,monospace}


main{max-width:720px;margin:0 auto;padding:52px 22px 40px}
.eyebrow{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--fg-mute)}
h1{font-size:clamp(28px,5vw,40px);font-weight:600;letter-spacing:-.02em;line-height:1.08;margin:12px 0 8px;text-wrap:balance}
.updated{color:var(--fg-mute);font-size:13.5px;font-family:'JetBrains Mono',monospace}
.intro{color:var(--fg-dim);font-size:16.5px;margin:20px 0 0;max-width:62ch}

h2{font-size:19px;font-weight:600;letter-spacing:-.01em;margin:38px 0 10px;padding-top:22px;border-top:1px solid var(--rule)}
h2 .no{color:var(--fg-mute);font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:400;margin-right:10px}
h3{font-size:15px;font-weight:600;margin:20px 0 6px;color:var(--fg)}
p{color:var(--fg-dim);margin:0 0 12px}
main strong{color:var(--fg);font-weight:600}
ul{color:var(--fg-dim);margin:0 0 14px;padding-left:22px}
li{margin:6px 0}
.note{border:1px solid var(--rule-2);border-left:3px solid var(--signal);border-radius:10px;background:var(--bg-1);
  padding:14px 16px;margin:22px 0;font-size:14px;color:var(--fg-dim)}
.ph{background:color-mix(in oklab,var(--signal) 14%,transparent);color:var(--fg);padding:1px 6px;border-radius:5px;font-family:'JetBrains Mono',monospace;font-size:.85em}

.cross{display:flex;flex-wrap:wrap;gap:10px;margin:40px 0 0;padding-top:22px;border-top:1px solid var(--rule)}
.cross a{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;
  border:1px solid var(--rule-2);border-radius:999px;padding:8px 15px;color:var(--fg-dim)}
.cross a:hover{border-color:var(--signal);color:var(--signal);text-decoration:none}
.cross a[aria-current]{border-color:var(--signal);color:var(--signal)}

footer{border-top:1px solid var(--rule);margin-top:20px}
.foot-in{max-width:720px;margin:0 auto;padding:26px 22px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;
  font-size:12.5px;color:var(--fg-mute);font-family:'JetBrains Mono',monospace}
.foot-in a{color:var(--fg-dim)}
.foot-in .sp{margin-left:auto}