/* Valor Tools — the player guide (/guide/, Oct 1, 2026). Public page in the Rev. 1 skin; prices come from GET /api/guide
   (src/prices.js, with Admin > Prices changes), so this page never goes stale. Light theme follows light.css tokens. */
.gd{max-width:1100px;margin:0 auto;padding:18px 28px 70px}
html[data-text] .gd{max-width:calc(1100px / var(--tzf,1))}
.gd a{color:inherit;text-decoration:none}
.gd .il{color:var(--g-text);border-bottom:1px dotted var(--g-dim)}
.gd .il:hover{color:var(--g-hi)}
.ctx.gctx{position:sticky;top:0;z-index:40}
.gctx .subnav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:auto}
.gctx .subnav::-webkit-scrollbar{display:none}
.gctx .subnav a{height:36px;padding:0 13px;font:600 11px/1 var(--caps);letter-spacing:.14em;text-transform:uppercase;color:var(--cream);white-space:nowrap}
.gctx .pdf{flex:none}
section.gs{scroll-margin-top:96px;margin:0 0 34px}
/* hero */
.g-hero{display:grid;grid-template-columns:1fr 230px;gap:22px;border:1px solid var(--green-line);border-top:3px solid var(--green);border-radius:4px;
 background:linear-gradient(135deg,var(--green-bg) 0%,var(--card) 62%);padding:24px 26px}
.g-eb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font:600 11px/1 var(--caps);letter-spacing:.18em;text-transform:uppercase;color:var(--green-ink)}
.g-chip{display:inline-block;font:700 10px/1 var(--caps);letter-spacing:.14em;text-transform:uppercase;padding:5px 9px 4px;border-radius:3px;white-space:nowrap}
.g-chip.free{background:var(--green-bg);color:var(--green-ink);border:1px solid var(--green-line)}
.g-chip.live{background:var(--red-bg);color:var(--red-ink);border:1px solid var(--red-line)}
.g-chip.pass{background:var(--gold-dim);color:var(--g-text);border:1px solid var(--g-dim)}
.g-chip.pr{background:var(--gold-dim);color:var(--g-text);border:1px solid var(--g-body)}
.g-hero h1{font:700 44px/1.06 var(--title);letter-spacing:.02em;color:var(--cream-t);margin:14px 0 12px}
.g-hero h1 em{font-style:normal;color:var(--crim-hi,#B84C37)}
html[data-theme=light] .g-hero h1 em{color:var(--red)}
.g-hero p{font-size:19px;line-height:1.45;color:var(--cream);margin:0}
.g-hero p b{color:var(--green-ink)}
.g-hero-r{display:flex;flex-direction:column;align-items:center;justify-content:center;border-left:1px solid var(--g-inner);padding-left:20px}
.g-ten{width:150px;height:150px;border-radius:50%;border:3px solid var(--g-body);box-shadow:0 0 0 5px var(--card),0 0 0 6px var(--g-frame),0 0 34px var(--gold-glow);
 background:radial-gradient(circle,var(--red-bg) 0%,var(--card) 78%);display:flex;flex-direction:column;align-items:center;justify-content:center}
.g-ten b{font:900 62px/.9 var(--title);color:var(--g-hi)}
html[data-theme=light] .g-ten b{color:var(--g-text)}
.g-ten span{font:600 12px/1 var(--caps);letter-spacing:.32em;color:var(--cream-t);margin:6px 0 0 .32em}
.g-tencap{font-style:italic;font-size:15px;color:var(--mut);text-align:center;margin:12px 0 14px;line-height:1.25}
.g-tencap b{font-style:normal;color:var(--cream-t)}
.g-cta{display:inline-block;font:700 12px/1 var(--caps);letter-spacing:.16em;text-transform:uppercase;color:#0f1a0b!important;background:linear-gradient(180deg,#9FD185,#6EA859);
 border:1px solid #C8E6B3;border-radius:3px;padding:11px 18px 10px}
.g-note{font-size:14px;font-style:italic;color:var(--mut);margin:10px 0 0;text-align:center;max-width:220px}
/* bands */
.g-band{display:flex;align-items:center;gap:14px;margin:30px 0 12px;font:700 13px/1 var(--title);letter-spacing:.2em;text-transform:uppercase;color:var(--g-text)}
.g-band i{flex:1;height:1px;background:linear-gradient(90deg,var(--g-frame),transparent)}
.g-band small{font:italic 400 15px/1 var(--text);letter-spacing:0;text-transform:none;color:var(--mut)}
.g-alerts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.g-al{background:var(--card);border:1px solid var(--g-inner);border-left:3px solid var(--green);border-radius:3px;padding:12px 14px}
.g-al b{display:block;font:600 12.5px/1.25 var(--caps);letter-spacing:.06em;text-transform:uppercase;color:var(--cream-t)}
.g-al span{display:block;font-size:15.5px;line-height:1.3;color:var(--mut);margin-top:4px}
.g-al.hot{border-color:var(--red-line);border-left-color:var(--crim-hi,#B84C37);background:linear-gradient(180deg,var(--red-bg),var(--card))}
.g-al.hot b{color:var(--red-ink)}
.g-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.g-tl{display:block;background:var(--card);border:1px solid var(--g-inner);border-top:2px solid var(--g-frame);border-radius:3px;padding:12px 15px;transition:border-color .15s}
.g-tl:hover{border-color:var(--g-body)}
.g-tl b{display:block;font:600 16px/1.2 var(--title);letter-spacing:.06em;color:var(--g-text)}
.g-tl span{display:block;font-size:16px;line-height:1.35;color:var(--cream);margin-top:4px}
.g-paid{margin-top:26px;border:1px solid var(--red-line);border-top:3px solid var(--crim-hi,#B84C37);border-radius:4px;background:linear-gradient(135deg,var(--red-bg),var(--card) 65%);padding:18px 22px}
.g-paid-h{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.g-paid-h h2{display:flex;align-items:center;gap:12px;margin:0;font:700 22px/1.1 var(--title);letter-spacing:.04em;color:var(--cream-t)}
.g-btns{display:flex;gap:8px;flex-wrap:wrap}
.g-btn{display:inline-block;font:700 11px/1 var(--caps);letter-spacing:.14em;text-transform:uppercase;padding:10px 14px 9px;border-radius:3px;border:1px solid var(--g-body);color:var(--g-text)!important;background:var(--card)}
.g-btn.gold{background:linear-gradient(180deg,#E6C46F,#B8913D);color:#1a1208!important;border-color:#F1D48A}
.g-paid-g{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:14px}
.g-paid-g b{display:block;font:600 13.5px/1.25 var(--title);letter-spacing:.05em;color:var(--g-text)}
.g-paid-g span{display:block;font-size:16px;line-height:1.35;color:var(--cream);margin-top:4px}
.g-trial{margin-top:14px;padding-top:12px;border-top:1px solid var(--g-inner);text-align:center;font-size:17px;color:var(--cream)}
.g-trial b{color:var(--g-hi)}
html[data-theme=light] .g-trial b{color:var(--g-text)}
.g-steps{display:grid;grid-template-columns:auto 1fr 1fr 1fr;gap:10px;align-items:stretch;margin-top:20px}
.g-steps>span{font:700 12px/1.35 var(--caps);letter-spacing:.18em;text-transform:uppercase;color:var(--g-text);align-self:center;width:110px}
.g-st{position:relative;display:block;border:1px solid var(--g-inner);border-radius:3px;background:var(--card);padding:11px 12px 11px 56px;font:600 14px/1.25 var(--title);letter-spacing:.04em;color:var(--cream-t)}
.g-st:hover{border-color:var(--g-body)}
.g-st i{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;background:var(--crim,#501614);border:1px solid var(--g-body);
 color:#F0E7D8;font:700 14px/1 var(--title);font-style:normal;display:flex;align-items:center;justify-content:center}
.g-st small{display:block;font:400 15px/1.3 var(--text);letter-spacing:0;color:var(--mut);margin-top:2px}
/* detail sections */
.g-sh{display:flex;align-items:flex-end;gap:14px;border-bottom:1px solid var(--g-frame);padding-bottom:10px;margin:8px 0 6px}
.g-sh .eb{display:block;font:600 11px/1 var(--caps);letter-spacing:.3em;text-transform:uppercase;color:var(--grey)}
.g-sh h2{margin:6px 0 0;font:700 32px/1.05 var(--title);letter-spacing:.05em;color:var(--g-text)}
.g-sh .g-btn{margin-left:auto}
.g-intro{font-size:19px;font-style:italic;color:var(--mut);margin:10px 0 18px}
.g-cols{columns:2;column-gap:34px}
.g-sec{break-inside:avoid;margin:0 0 20px}
.g-sec h3{display:flex;align-items:center;gap:8px;margin:0 0 8px;padding-bottom:5px;border-bottom:1px solid var(--g-inner);font:600 15px/1.2 var(--title);letter-spacing:.08em;text-transform:uppercase;color:var(--g-text)}
.g-sec h3 a:hover{color:var(--g-hi)}
.g-sec h3 a::after{content:' \2197';font-family:var(--text);font-size:.8em;color:var(--g-dim)}
.g-sec p{margin:0 0 8px;font-size:17px;line-height:1.45;color:var(--cream)}
.g-sec ul{list-style:none;margin:0;padding:0}
.g-sec li{position:relative;padding-left:16px;margin:6px 0;font-size:17px;line-height:1.42;color:var(--cream)}
.g-sec li::before{content:'';position:absolute;left:1px;top:.6em;width:5px;height:5px;background:var(--crim-hi,#B84C37);transform:rotate(45deg)}
.g-sec b{color:var(--cream-t)}
.g-callout{border:1px solid var(--g-frame);border-radius:3px;background:var(--card);padding:12px 16px;margin:0 0 20px;font-size:17px;line-height:1.45;color:var(--cream)}
.g-callout b{color:var(--g-text)}
.gd code{font:600 14px/1 ui-monospace,Menlo,monospace;color:var(--amber-ink);background:var(--chip);border:1px solid var(--g-inner);border-radius:3px;padding:1px 5px}
.g-cmd{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:16.5px;line-height:1.35;color:var(--cream)}
.g-cmd code{align-self:start;white-space:nowrap}
.g-fine{font-size:15px;font-style:italic;color:var(--mut);margin:6px 0 0}
.g-soon{display:none;border:1px dashed var(--g-frame);border-radius:3px;padding:10px 14px;margin:0 0 18px;font-size:16px;color:var(--mut);font-style:italic}
html.g-dash-soon .g-soon{display:block}
table.g-t{width:100%;border-collapse:collapse;font-size:16.5px;color:var(--cream)}
table.g-t th{font:600 11px/1 var(--caps);letter-spacing:.12em;text-transform:uppercase;color:var(--grey);text-align:left;border-bottom:1px solid var(--g-frame);padding:6px 8px}
table.g-t td{border-bottom:1px solid var(--g-inner);padding:7px 8px;vertical-align:top}
table.g-t td.p{text-align:right;color:var(--g-text);font-weight:600;white-space:nowrap}
table.g-t tr.hl td{background:var(--gold-dim)}
.g-ao{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.g-card{background:var(--card);border:1px solid var(--g-inner);border-top:2px solid var(--g-frame);border-radius:3px;padding:13px 16px}
.g-card h3{display:flex;align-items:center;gap:10px;margin:0 0 6px;font:600 17px/1.2 var(--title);letter-spacing:.06em;color:var(--g-text)}
.g-card h3 .g-chip{margin-left:auto}
.g-card ul{list-style:none;margin:0;padding:0}
.g-card li{position:relative;padding-left:15px;margin:5px 0;font-size:16.5px;line-height:1.4;color:var(--cream)}
.g-card li::before{content:'';position:absolute;left:1px;top:.6em;width:4px;height:4px;background:var(--g-body);transform:rotate(45deg)}
.g-card b{color:var(--cream-t)}
.g-card.bun{border-top-color:var(--crim-hi,#B84C37)}
.g-top{display:inline-block;margin-top:8px;font:600 11px/1 var(--caps);letter-spacing:.14em;text-transform:uppercase;color:var(--grey)}
/* phones */
@media (max-width:900px){
 .g-alerts{grid-template-columns:1fr 1fr}.g-tools{grid-template-columns:1fr 1fr}.g-paid-g{grid-template-columns:1fr 1fr}
 .g-cols{columns:1}.g-ao{grid-template-columns:1fr}
 .g-steps{grid-template-columns:1fr}.g-steps>span{width:auto}
}
@media (max-width:640px){
 .gd{padding:14px 14px 60px}
 .g-hero{grid-template-columns:1fr;padding:18px}.g-hero-r{border-left:0;border-top:1px solid var(--g-inner);padding:16px 0 0}
 .g-hero h1{font-size:33px}.g-hero p{font-size:17.5px}
 .g-tools{grid-template-columns:1fr}.g-sh h2{font-size:25px}.g-sh{flex-wrap:wrap}.g-sh .g-btn{margin-left:0}
 .gctx .crumb{display:none}
}
/* print: Download PDF */
@media print{
 @page{size:letter;margin:.45in}
 html,body{-webkit-print-color-adjust:exact;print-color-adjust:exact}
 .toprule,.mast,.ctx,.vfoot,.g-top,.pdf{display:none!important}
 .gd{max-width:none;padding:0}
 section.gs{break-before:page;margin:0}
 section.gs.first{break-before:auto}
 .g-card,.g-sec,.g-al,.g-tl,.g-st{break-inside:avoid}
}
/* phones (Oct 2, 2026, Ben's screenshot): the shared phone rules make .ctx .subnav an equal-width grid of tall chips, which
   squeezes nine long section names on top of each other. Here: one row, Dashboard as a compact pill on the left, then the
   sections as a single scrolling strip (fading at the right edge so it reads as scrollable). Download PDF is computer-only. */
@media (max-width:760px){
 .gctx .ctx-in{flex-wrap:nowrap;gap:8px;padding:8px 10px 9px}
 .gctx .bkg{flex:none;width:auto}
 .gctx .bk.solo{height:38px;width:auto;max-width:none;padding:0 12px 0 3px;gap:7px}
 .gctx .bk.solo .medal{--s:30px}
 .gctx .bk.solo .l b{font-size:14.5px}
 .ctx.gctx .subnav{display:flex;flex-wrap:nowrap;overflow-x:auto;flex:1;min-width:0;width:auto;margin:0;gap:6px;padding:1px 24px 1px 0;
   -webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}
 .ctx.gctx .subnav a{flex:none;flex-direction:row;height:34px;padding:0 12px;border-radius:17px;font:600 10.5px/1 var(--caps);letter-spacing:.12em;white-space:nowrap}
 .gctx .pdf{display:none}
 section.gs{scroll-margin-top:70px}
}
.g-new{display:inline-block;margin-left:6px;font:600 9px/1 var(--caps);letter-spacing:.14em;text-transform:uppercase;padding:3px 5px;border-radius:3px;background:linear-gradient(180deg,#B42C2C,#7E1B1B);color:#F7E6C4;vertical-align:2px}