/* RaveCut site v2 chrome for the legal and release pages: the tokens, the button, the
   header and the footer, taken from index.html's own stylesheet (22 Oct 2026). */
:root{
  --ground:#141414; --surface:#1C1B1A; --ink:#F4F4F4; --body:#B5B0A9; --faint:#938E87;
  --orange:#FF5A1F; --on-orange:#141414;
  --hair:rgba(244,244,244,.10); --hair2:rgba(244,244,244,.18);
  --mango:#DFA05A; --violet:#9B8BC4; --carib:#4EA5A5; --rose:#CE8B9C; --green:#5FBF7A;
  --display:"Archivo Black","Archivo Black Fallback",sans-serif;
  --sans:"Instrument Sans","Instrument Sans Fallback",system-ui,sans-serif;
  --mono:"Space Mono","Space Mono Fallback",ui-monospace,monospace;
  --s1:8px; --s2:16px; --s3:24px; --s4:40px; --s5:64px; --s6:96px; --s7:144px;
  --maxw:1200px; --gutter:24px; --r-card:6px; --r-btn:8px; --bar:64px; --strip:44px;
  --d1:clamp(38px, 1rem + 6vw, 88px); --d2:clamp(34px, 1.4rem + 2vw, 56px);
  --h3:clamp(20px, 1.1rem + .4vw, 24px); --body-size:clamp(17px, 1rem + .15vw, 18px);
  color-scheme:dark;
}
@media (max-width:600px){:root{--gutter:16px;--s6:64px;--s5:48px}}
.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--gutter)}
.skip{position:absolute;left:12px;top:-64px;z-index:100;background:var(--orange);color:var(--on-orange);padding:12px 16px;border-radius:var(--r-btn);font-weight:600;text-decoration:none}
.skip:focus{top:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 22px;border-radius:var(--r-btn);font-family:var(--sans);font-weight:600;font-size:16px;line-height:1.2;text-decoration:none;border:1px solid transparent;cursor:pointer;background:none;color:var(--ink);white-space:nowrap;transition:background-color .15s,border-color .15s,color .15s,transform .15s}
.btn-primary{background:var(--orange);color:var(--on-orange)}
.btn-primary:hover{background:#FF7A47;color:var(--on-orange)}
.btn-primary:active{transform:translateY(1px)}
.btn-ghost{border-color:var(--hair2);color:var(--ink)}
.btn-ghost:hover{border-color:var(--ink)}
.btn-link{min-height:44px;padding:10px 4px;font-weight:500;color:var(--ink);text-decoration:underline;text-decoration-color:var(--hair2);text-underline-offset:.25em}
.btn-link:hover{text-decoration-color:var(--ink)}
.btn svg{flex:0 0 auto}
.bar{position:sticky;top:0;z-index:40;background:rgba(20,20,20,.84);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--hair)}
.bar .in{height:var(--bar);display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-size:21px;letter-spacing:-.01em;text-decoration:none;color:var(--ink);min-height:44px}
.brand .glyph{width:30px;height:30px}
.brand .cut{color:var(--orange)}
.nav{display:flex;align-items:center;gap:4px}
.nav a:not(.btn){display:inline-flex;align-items:center;min-height:44px;padding:0 12px;color:var(--body);text-decoration:none;font-size:15px;font-weight:500;border-radius:6px}
.nav a:not(.btn):hover{color:var(--ink)}
.nav .btn{margin-left:8px;min-height:44px;padding:10px 18px;font-size:15px}
.bar .cta{background:transparent;border-color:var(--hair2);color:var(--ink)}
.bar.is-scrolled .cta{background:var(--orange);border-color:var(--orange);color:var(--on-orange)}
.menu-btn{display:none;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid var(--hair2);border-radius:var(--r-btn);background:none;color:var(--ink);cursor:pointer}
@media (max-width:1100px){.nav{display:none}}
/* ---- footer ---- */
footer{border-top:1px solid var(--hair);padding-block:var(--s5) var(--s4);color:var(--faint);font-size:14.5px}
footer .cols{display:grid;grid-template-columns:5fr 4fr 3fr;gap:var(--s4)}
footer .wm{font-family:var(--display);color:var(--ink);font-size:20px;margin-bottom:10px}
footer .wm .cut{color:var(--orange)}
footer p{max-width:40ch;line-height:1.5}
footer ul{display:flex;flex-direction:column;gap:2px}
footer li a{display:inline-flex;align-items:center;min-height:44px;color:var(--body);text-decoration:none}
footer li a:hover{color:var(--ink);text-decoration:underline}
footer .legal{margin-top:var(--s4);padding-top:var(--s3);border-top:1px solid var(--hair);font-size:12.5px;max-width:none}
footer .ft{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:8px}
@media (max-width:800px){footer .cols{grid-template-columns:1fr 1fr}footer .cols > div:first-child{grid-column:1/-1}}
/* the legal pages keep their 720 px reading column; the chrome spans the full width */
.bar .wrap,footer .wrap{max-width:1080px}
main.doc{max-width:720px;margin:0 auto}

/* site.css names its body font --body, which this file uses for a colour: the doc pages fell
   back to the browser serif (found 25 Oct 2026). The sans is set here, after both. */
body,.doc h3,.doc .btn{font-family:var(--sans)}