/* Guide pages: same palette and type as the home page, readable long-form column. */
:root { --violet:#5433be; --ink:#03031f; --lime:#5ef25a; --mint:#cffdea; --white:#fff; --navbar:#ece9ff; --muted:#b9bad6;
  --display:"Oswald","Arial Narrow",Impact,sans-serif; --body:"Nunito","Segoe UI",system-ui,-apple-system,sans-serif; color-scheme: dark; }
* { box-sizing: border-box; }
body { margin:0; background:var(--ink); color:var(--white); font:400 1.0625rem/1.65 var(--body); -webkit-font-smoothing:antialiased; }
a { color:var(--lime); }
:focus-visible { outline:3px solid var(--lime); outline-offset:3px; }
.wrap { max-width:820px; margin-inline:auto; padding-inline:clamp(16px,5vw,40px); }
.top { background:var(--navbar); color:var(--ink); }
.bar { display:flex; align-items:center; justify-content:space-between; padding-block:.8rem; max-width:1120px; }
.logo { font:900 1.6rem/1 var(--body); letter-spacing:-.02em; text-decoration:none; color:inherit; display:inline-flex; gap:1px; }
.logo sup { width:7px; height:7px; background:var(--lime); border-radius:50%; margin-top:2px; }
.order { background:var(--violet); color:var(--white); font-weight:800; text-decoration:none; padding:.55rem 1.1rem; font-size:.9rem; text-transform:uppercase; letter-spacing:.04em; }
.hero { background:var(--violet); padding-block:56px 64px; }
.crumbs { font-weight:700; font-size:.9rem; opacity:.9; margin-bottom:1rem; }
.crumbs a { color:var(--white); }
h1 { font:700 clamp(2.4rem,7vw,4.4rem)/1.02 var(--display); text-transform:uppercase; margin:0; text-wrap:balance; }
.lede { font-size:clamp(1.1rem,1.7vw,1.25rem); font-weight:600; margin:1.2rem 0 0; max-width:42rem; }
.prose { padding-block:48px 72px; }
.prose h2 { font:700 clamp(1.6rem,3.6vw,2.2rem)/1.1 var(--display); text-transform:uppercase; margin:2.6rem 0 .8rem; }
.prose ul, .prose ol { padding-left:1.3rem; display:grid; gap:.5rem; }
.prose li::marker { color:var(--lime); font-weight:800; }
.tbl { overflow-x:auto; }
table { width:100%; border-collapse:collapse; background:var(--mint); color:var(--ink); }
th, td { border:2px solid var(--ink); padding:.7rem .8rem; text-align:left; vertical-align:top; }
thead th { background:var(--lime); }
.faq details { border:3px solid var(--ink); background:var(--white); color:var(--ink); margin-bottom:.8rem; }
.faq summary { cursor:pointer; padding:1rem 1.2rem; font-weight:800; }
.faq details p { margin:0; padding:0 1.2rem 1.1rem; }
.cta { margin-top:2.6rem; background:var(--violet); padding:1.6rem; display:flex; flex-wrap:wrap; gap:1rem; align-items:center; }
.cta p { flex:1 1 100%; margin:0; font-weight:700; }
.btn { display:inline-flex; align-items:center; justify-content:center; min-height:56px; padding:0 1.8rem; font:800 1rem/1 var(--body); text-transform:uppercase; letter-spacing:.04em; text-decoration:none; background:var(--lime); color:var(--ink); border:3px solid var(--lime); }
.btn.ghost { background:transparent; color:var(--white); border-color:var(--white); }
.more ul { list-style:none; padding:0; }
footer { border-top:1px solid rgba(255,255,255,.15); padding-block:28px 44px; color:var(--muted); font-size:.92rem; }
footer .logo { color:var(--white); }
.legal { font-size:.82rem; }
@media (max-width:560px) { .btn { width:100%; } }