/* RODEO — content pages (help / legal / status). Warm, readable, over the range. */
#range{position:fixed;inset:0;width:100vw;height:100vh;z-index:0}
.vignette{position:fixed;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(120% 90% at 50% 15%,transparent 55%,rgba(10,7,5,.6) 100%)}
.page{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:52px 24px 40px}
.page-hero{margin-bottom:30px}
.page-kicker{margin:0 0 8px;font-size:.72rem;letter-spacing:.3em;color:var(--ink-soft);font-weight:600}
.page-h1{font-family:var(--f-display);font-size:clamp(2rem,5vw,3.2rem);font-weight:760;
  letter-spacing:-.02em;line-height:1.03;margin:0 0 1rem}
.page-lead{color:var(--ink-soft);font-size:clamp(1rem,1.3vw,1.1rem);line-height:1.6}
.page-panel{padding:26px 26px;margin-bottom:18px}
.page-h2{font-family:var(--f-display);font-size:1.25rem;margin:0 0 .9rem;font-weight:700}
.page-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.7rem}
.page-list li{position:relative;padding-left:1.35rem;line-height:1.5}
.page-list li::before{content:"→";position:absolute;left:0;color:var(--ember)}
.page-list b,.page-panel p b{color:var(--verified)}
.page-panel a{color:var(--verified);text-decoration:underline;text-underline-offset:3px}
/* the builders quickstart — one address + a key, surfaced where a developer is (help #5) */
.page-code{background:rgba(18,14,11,.55);border:1px solid var(--glass-edge);border-radius:var(--radius);
  padding:.9rem 1rem;overflow-x:auto;margin:.9rem 0}
.page-code code{font-family:var(--f-ledger);font-size:.82rem;white-space:pre;color:var(--ink)}
.page-panel p code{font-family:var(--f-ledger);font-size:.85em;color:var(--ink);
  background:rgba(18,14,11,.5);padding:.05rem .3rem;border-radius:4px}

/* help: Clint ask + faq */
.help-ask .composer{display:flex;gap:10px;margin:0 0 .4rem}
.help-ask .composer input{flex:1;min-height:46px;padding:.6rem .95rem;border-radius:var(--radius);
  border:1px solid var(--glass-edge);background:rgba(18,14,11,.5);color:var(--ink);font-family:var(--f-body);font-size:var(--fs-body)}
.help-ask .composer input:focus{border-color:var(--ember)}
.help-ask .activity{min-height:1.2rem;color:var(--ink-soft);font-size:var(--fs-small)}
.help-ask .activity.on::before{content:"";display:inline-block;width:.5rem;height:.5rem;margin-right:.45rem;border-radius:50%;background:var(--ember);animation:pulse 1.1s ease-in-out infinite}
@keyframes pulse{50%{opacity:.35}}
.help-ask .thread{display:flex;flex-direction:column;gap:10px;max-height:44vh;overflow-y:auto}
.help-ask .msg{max-width:94%;padding:.6rem .85rem;border-radius:var(--radius);white-space:pre-wrap;font-size:.95rem}
.help-ask .msg-you{align-self:flex-end;background:rgba(237,228,211,.1)}
.help-ask .msg-clint{align-self:flex-start;background:rgba(228,86,43,.1);border:1px solid rgba(228,86,43,.22)}
.faq details{border-bottom:1px solid var(--glass-edge);padding:.2rem 0}
.faq summary{cursor:pointer;padding:.7rem 0;font-weight:600;list-style:none;font-size:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"+ ";color:var(--ember);font-weight:700}
.faq details[open] summary::before{content:"– "}
.faq p{margin:0 0 .8rem;color:var(--ink-soft);line-height:1.55}
.page-footer{text-align:center;color:var(--ink-soft);font-size:.84rem;margin-top:26px}
.page-footer a{color:var(--ink-soft);text-decoration:underline;text-underline-offset:3px}
.page-footer a:hover{color:var(--ink)}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}