/* TipZ365 guide page — extends landing.css tokens (--bg,--panel,--green,--line,--muted,--text) */

.guide-hero{padding:64px clamp(22px,5vw,72px) 20px;max-width:900px}
.guide-hero h1{margin:.2em 0 14px;font-size:clamp(36px,4.6vw,58px);line-height:1.04;letter-spacing:-.03em}
.guide-hero .lead{max-width:64ch}

.guide-steps{display:grid;gap:14px;margin-top:24px}
.guide-step{display:grid;grid-template-columns:44px 1fr;gap:16px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(160deg,#242c31,#171d20)}
.guide-step .n{font-size:22px;font-weight:900;color:var(--green)}
.guide-step h4{margin:0 0 5px;font-size:16px}
.guide-step p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.55}

.coin-row{display:flex;align-items:center;gap:20px;margin:22px 0 6px;flex-wrap:wrap}
.coin{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:12px;text-align:center;color:#0d1215;background:radial-gradient(circle at 34% 28%,#8CF06E,var(--green) 60%,var(--green2) 100%);box-shadow:inset 0 -6px 10px rgba(0,0,0,.28),0 8px 20px rgba(31,164,56,.3);flex:0 0 auto}
.coin-eq{font-size:22px;color:var(--muted)}
.coin-result{font-weight:900;font-size:22px}

.formula-box{margin:20px 0;padding:14px 18px;border-left:3px solid var(--green);background:rgba(18,24,27,.5);border-radius:6px;font-weight:800;font-size:15px;overflow-x:auto;white-space:nowrap}

.odds-compare{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;margin:22px 0}
.odds-box{padding:20px 16px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(150deg,rgba(18,23,26,.95),rgba(31,38,42,.9));text-align:center}
.odds-box .lbl{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.odds-box .val{font-weight:900;font-size:36px;margin:8px 0 4px;font-variant-numeric:tabular-nums}
.odds-box.fair .val{color:var(--green)}
.odds-box .note{font-size:12.5px;color:var(--muted)}
.odds-vs{font-weight:900;color:var(--muted);font-size:13px;text-align:center}

.value-pill{display:flex;align-items:center;justify-content:center;gap:8px;margin:6px auto 0;padding:11px 20px;width:fit-content;border-radius:999px;background:rgba(89,223,61,.14);color:var(--green);font-weight:900;font-size:18px}
.value-pill.neg{background:rgba(224,90,90,.14);color:#e58a8a}
.value-pill small{font-weight:600;font-size:12.5px;color:var(--muted)}

.worksheet{margin-top:20px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:linear-gradient(150deg,rgba(18,23,26,.95),rgba(31,38,42,.9))}
.worksheet-head{padding:13px 18px;background:#12181a;font-weight:800;font-size:14px}
.worksheet-head .meta{color:var(--muted);font-weight:500;font-size:12px;margin-top:2px}
.worksheet-rows{padding:2px 18px}
.wrow{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14.5px;color:var(--muted)}
.wrow:last-child{border-bottom:0}
.wrow .v{font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}
.wrow.result .v{color:var(--green);font-size:17px}
.wrow.result.neutral .v{color:var(--muted)}

.money-compare{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}
.money-compare .worksheet{margin-top:0}
.money-compare .worksheet-head.neutral{background:#20272b}

.combo-table-wrap{margin-top:20px;border:1px solid var(--line);border-radius:14px;overflow:auto;background:linear-gradient(150deg,rgba(18,23,26,.95),rgba(31,38,42,.9))}
.combo-table{width:100%;border-collapse:collapse;font-size:14px;min-width:520px}
.combo-table th{text-align:left;padding:12px 18px;background:#12181a;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.combo-table th:not(:first-child),.combo-table td:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}
.combo-table td{padding:13px 18px;border-bottom:1px solid var(--line);color:var(--muted)}
.combo-table tr:last-child td{border-bottom:0}
.combo-mkt{color:var(--muted);opacity:.8;font-size:12.5px}
.combo-table td.pos{font-weight:900;color:var(--green)}
.combo-table tr.total td{background:rgba(89,223,61,.08);color:var(--text);font-weight:800}

.guide-glossary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.gterm{padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:rgba(16,22,25,.48)}
.gterm dt{font-weight:900;font-size:14.5px;color:var(--green);margin-bottom:4px}
.gterm dd{margin:0;font-size:13.5px;color:var(--muted);line-height:1.5}

@media(max-width:720px){
  .odds-compare{grid-template-columns:1fr}
  .odds-vs{padding:2px 0}
  .money-compare,.guide-glossary{grid-template-columns:1fr}
  .guide-step{grid-template-columns:32px 1fr}
}