/* WEALTHY/IDLE — same editorial look as GROK/DESK: warm paper, black ink, one lime signal. Minimal. */
:root{--paper:#F3F0E8;--card:#FBF9F4;--ink:#0E0E0C;--ink2:#3A3934;--muted:#7A766B;--line:#D9D3C4;--lime:#C8F03C;--red:#D93A3F;
  --serif:"Instrument Serif",Georgia,serif;--sans:"Inter Tight",ui-sans-serif,system-ui,-apple-system,Arial,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,monospace}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 var(--sans);-webkit-font-smoothing:antialiased;
  background-image:radial-gradient(rgba(14,14,12,.06) 1px,transparent 1px);background-size:22px 22px}
a{color:var(--ink);text-underline-offset:3px}
h1,h2{margin:0;font-weight:400;font-family:var(--serif);letter-spacing:-.02em;line-height:1}
p{margin:0}
::selection{background:var(--lime)}
.mono{font-family:var(--mono);font-size:12.5px;letter-spacing:.06em;color:var(--ink2)}
.muted{color:var(--muted)}.small{font-size:13px}
main{max-width:640px;margin:0 auto;padding:0 20px}

.top{max-width:640px;margin:0 auto;padding:22px 20px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:700 14px/1 var(--mono);letter-spacing:.08em}
.brand i{font-style:normal;color:var(--muted);padding:0 1px}
.mark{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:var(--ink);color:var(--lime);font:400 20px/1 var(--serif)}
.top nav{display:flex;gap:18px}.top nav a{font-size:14px;color:var(--ink2);text-decoration:none}.top nav a:hover{color:var(--ink);text-decoration:underline}
@media(max-width:420px){.top nav a:nth-child(3){display:none}}

.kick{font:600 11.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink2);display:flex;align-items:center;gap:8px;margin-bottom:18px}
.kick:before{content:"";width:8px;height:8px;background:var(--lime);border:1.5px solid var(--ink);border-radius:2px}

.hero{padding:40px 0 56px}
.hero h1{font-size:clamp(46px,11vw,82px)}
.hero h1 em{font-style:italic;color:var(--ink2)}
.lede{margin-top:20px;font-size:19px;color:var(--ink2);max-width:34em}

.buy{margin-top:36px;background:var(--card);border:1.5px solid var(--ink);border-radius:20px;padding:28px 24px 22px;box-shadow:6px 6px 0 var(--ink)}
.amount{display:flex;align-items:baseline;justify-content:center;gap:4px;font-family:var(--serif)}
.amount .cur{font-size:40px;color:var(--muted)}
.amount output{font-size:clamp(76px,20vw,112px);line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:18px 0 14px}
.chip{font:600 14px/1 var(--mono);padding:10px 14px;border-radius:999px;border:1.5px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer}
.chip.on{background:var(--lime)}
input[type=range]{width:100%;accent-color:var(--ink);margin:6px 0 20px}
.pay{min-height:55px}
.nopay,.err{margin-top:12px;font-size:14px;text-align:center}
.err{color:var(--red)}
.fine{margin-top:14px;text-align:center;font:500 11.5px/1.5 var(--mono);color:var(--muted)}

.board,.story-teaser,.faq,.list{padding:44px 0;border-top:1px solid var(--line)}
.board h2,.faq h2,.list h2{font-size:38px;margin-bottom:8px}
.board ul,.list ul{list-style:none;margin:18px 0 10px;padding:0}
.board li{display:grid;grid-template-columns:90px 1fr auto;gap:12px;align-items:baseline;padding:11px 0;border-bottom:1px dashed var(--line)}
.board li b{font:600 15px var(--mono)}.board li time{font:500 12px var(--mono);color:var(--muted)}
.board li.empty{display:block;color:var(--ink2);font-style:italic}

blockquote{margin:0;font:400 26px/1.3 var(--serif)}
.more{display:inline-block;margin-top:18px;font-weight:600}

.faq details{border-bottom:1px solid var(--line);padding:14px 0}
.faq summary{cursor:pointer;font-weight:600;list-style:none}.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";float:right;font-family:var(--mono)}.faq details[open] summary:after{content:"–"}
.faq details p{margin-top:8px;color:var(--ink2)}

.cast li{padding:6px 0;color:var(--ink2)}
.stories li a{display:block;padding:14px 0;border-bottom:1px dashed var(--line);text-decoration:none}
.stories li a:hover{background:rgba(200,240,60,.25)}
.stories .mono{display:block;margin-bottom:4px}

.btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 22px;border-radius:999px;font:700 15px/1 var(--sans);
  color:var(--ink);background:var(--lime);border:1.5px solid var(--ink);text-decoration:none;cursor:pointer;box-shadow:4px 4px 0 var(--ink)}
.btn.ghost{background:transparent}
.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}

.receipt .card{margin-top:28px;background:var(--card);border:1.5px solid var(--ink);border-radius:18px;padding:26px 24px;box-shadow:6px 6px 0 var(--ink);text-align:center}
.card .big{font:400 84px/1 var(--serif);margin:14px 0 6px}
.card .tier{display:inline-block;background:var(--lime);border:1.5px solid var(--ink);border-radius:999px;padding:4px 12px;font:600 13px var(--mono)}
.card .item{margin-top:14px;font:500 13px var(--mono);color:var(--ink2)}
.card .joke{margin-top:18px;font:italic 400 24px/1.3 var(--serif)}
.share{display:flex;gap:12px;justify-content:center;margin:26px 0 8px;flex-wrap:wrap}
.tale{margin-top:36px;padding-top:28px;border-top:1px solid var(--line)}
.tale p{font:400 23px/1.4 var(--serif)}.tale p.small{font:13px var(--sans);margin-top:10px}
.grok{margin-top:40px;background:var(--ink);color:var(--paper);border-radius:18px;padding:26px 24px}
.grok .kick{color:var(--paper)}.grok p{margin-bottom:18px}
.legal p{margin-top:16px;color:var(--ink2)}

.foot{max-width:640px;margin:0 auto;padding:36px 20px 50px;border-top:1px solid var(--line);font-size:13.5px;color:var(--ink2)}
.foot p{margin-bottom:8px}