/* GhostCart site — no web fonts, no scripts, no third-party requests. */
:root{
  --ink:#07060D;--card:#13111D;--line:rgba(255,255,255,.09);
  --text:#F5F3FF;--sub:#B3ACD0;--faint:#8D87A6;
  --violet:#8B6BFF;--pink:#FF5CA8;--mint:#5CF0A0;--gold:#FFD86B;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;min-height:100vh;color:var(--text);
  font:16px/1.65 ui-rounded,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,sans-serif;
  background:
    radial-gradient(600px 420px at 8% -5%,rgba(124,92,255,.40),transparent 70%),
    radial-gradient(520px 380px at 100% 20%,rgba(255,92,168,.20),transparent 70%),
    radial-gradient(560px 420px at 30% 105%,rgba(40,200,220,.12),transparent 70%),
    var(--ink);
  background-attachment:fixed;
}
.wrap{max-width:760px;margin:0 auto;padding:28px 16px 64px}
header.site{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:28px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}
.brand .logo{font-size:28px;line-height:1}
.brand b{font:900 24px/1 ui-rounded,-apple-system,sans-serif;letter-spacing:-.4px;
  background:linear-gradient(90deg,#fff,#D9CCFF 60%,#FF9FD0);-webkit-background-clip:text;background-clip:text;color:transparent}
nav a{color:var(--sub);text-decoration:none;font-weight:700;font-size:14px;margin-left:16px}
nav a[aria-current="page"]{color:var(--text)}
h1{font:900 clamp(30px,6vw,40px)/1.1 ui-rounded,-apple-system,sans-serif;letter-spacing:-.6px;margin:0 0 8px}
.lede{color:var(--sub);font-size:18px;margin:0 0 24px}
.meta{color:var(--faint);font-size:13px;margin-bottom:28px}
h2{font:800 21px/1.25 ui-rounded,-apple-system,sans-serif;margin:34px 0 8px}
h3{font:800 17px/1.3 ui-rounded,-apple-system,sans-serif;margin:22px 0 4px}
p,li{color:var(--sub)}
strong{color:var(--text)}
a{color:#B9A8FF}
ul{padding-left:20px}
.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:18px 20px;margin:18px 0}
.tldr{border-color:rgba(61,220,132,.35);background:rgba(61,220,132,.08)}
.tldr h2{margin-top:0;color:var(--mint)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:18px 0}
.grid .card{margin:0}
.grid .card b{display:block;color:var(--text);margin-bottom:4px}
.btn{display:inline-block;padding:12px 20px;border-radius:999px;font-weight:800;text-decoration:none;color:#fff;
  background:linear-gradient(135deg,var(--violet),var(--pink));box-shadow:0 8px 22px rgba(160,90,255,.35)}
details{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 18px;margin:10px 0}
summary{cursor:pointer;font-weight:800;color:var(--text);list-style:none}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";float:right;color:var(--faint)}
details[open] summary::after{content:"–"}
details p{margin:10px 0 2px}
table{width:100%;border-collapse:collapse;margin:12px 0;font-size:15px}
th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--text);font-weight:800}
td{color:var(--sub)}
footer{margin-top:48px;padding-top:18px;border-top:1px solid var(--line);color:var(--faint);font-size:13px}
footer a{color:var(--faint)}
@media (prefers-reduced-motion:no-preference){a,summary{transition:color .15s}}
