/* ============================================================
   BONUS HUNTERS — Design System
   Dark editorial aesthetic. Playfair + DM Mono + DM Sans.
   ============================================================ */

/* === TOKENS === */
:root {
  --bg-primary:    #0a0a0b;
  --bg-secondary:  #111114;
  --bg-card:       #16161a;
  --bg-hover:      #1c1c21;
  --border:        rgba(255,255,255,0.07);
  --border-accent: rgba(212,175,55,0.25);
  --text-primary:  #f0ede8;
  --text-secondary:#a8a4a0;
  --text-muted:    #6b6764;
  --gold:          #d4af37;
  --gold-dim:      rgba(212,175,55,0.08);
  --green:         #00c896;
  --green-dim:     rgba(0,200,150,0.08);
  --red:           #ff4d6d;
  --red-dim:       rgba(255,77,109,0.08);
  --blue:          #6496ff;
  --blue-dim:      rgba(100,150,255,0.08);
  --font-display:  'Playfair Display', Georgia, serif;
  --font-body:     'DM Sans', system-ui, sans-serif;
  --font-mono:     'DM Mono', 'Courier New', monospace;
  --radius-sm:     6px;
  --radius-md:     10px;
  --radius-lg:     16px;
  --shadow:        0 4px 24px rgba(0,0,0,0.4);
  --transition:    0.2s ease;
}

/* === RESET === */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);font-size:16px;line-height:1.6;min-height:100vh}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold);text-decoration:none;transition:var(--transition)}
a:hover{color:var(--text-primary)}
button{cursor:pointer;border:none;background:none;font-family:inherit}
ul,ol{padding-left:1.5em}

/* === FONTS === */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,700&family=DM+Sans:wght@400;500;600&family=DM+Mono:wght@400;500&display=swap');

/* === LAYOUT === */
.container{max-width:1160px;margin:0 auto;padding:0 24px}
.page-layout{display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:start}
@media(max-width:900px){.page-layout{grid-template-columns:1fr}}
.sidebar{position:sticky;top:24px;display:flex;flex-direction:column;gap:16px}
section{padding:60px 0}
section+section{padding-top:0}

/* === TOP BARS === */
.gamble-bar{background:#0d0d10;border-bottom:1px solid var(--border);padding:7px 0;font-family:var(--font-mono);font-size:0.7rem;color:var(--text-muted);text-align:center}
.gamble-bar .container{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;align-items:center}
.gamble-bar a{color:var(--text-muted)}
.gamble-bar a:hover{color:var(--text-primary)}
.disclosure-bar{background:rgba(212,175,55,0.03);border-bottom:1px solid rgba(212,175,55,0.08);padding:7px 0;text-align:center;font-family:var(--font-mono);font-size:0.68rem;color:var(--text-muted)}
.disclosure-bar strong{color:var(--text-secondary)}
.disclosure-bar a{color:var(--gold)}

/* === NAV === */
.site-nav{background:rgba(10,10,11,0.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:60px;gap:20px}
.nav-logo{display:flex;align-items:center;gap:10px;color:var(--text-primary);font-family:var(--font-display);font-size:1.15rem;font-weight:700}
.nav-logo picture{display:flex;flex-shrink:0}
.logo-img{width:36px;height:36px;border-radius:6px;object-fit:contain}
.logo-mark{width:30px;height:30px;background:var(--gold);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}
.nav-links{display:flex;list-style:none;padding:0;gap:4px;align-items:center}
.nav-links a{color:var(--text-secondary);font-size:0.875rem;font-weight:500;padding:6px 12px;border-radius:6px;transition:var(--transition)}
.nav-links a:hover,.nav-links a.active{color:var(--text-primary);background:var(--bg-secondary)}
.nav-cta{background:var(--gold)!important;color:var(--bg-primary)!important;font-weight:600!important;padding:7px 16px!important;border-radius:100px!important}
.nav-cta:hover{background:var(--text-primary)!important;color:var(--bg-primary)!important}
.nav-toggle{display:none;color:var(--text-primary);font-size:1.2rem;padding:4px}
@media(max-width:768px){.nav-links{display:none}.nav-toggle{display:block}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:60px;left:0;right:0;background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:12px;z-index:99}.nav-links.open a{padding:12px 16px;border-radius:var(--radius-sm)}}

/* === HERO === */
.site-hero{padding:80px 0 60px;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(212,175,55,0.08) 0%,transparent 70%)}
.hero-eyebrow{font-family:var(--font-mono);font-size:0.72rem;color:var(--gold);text-transform:uppercase;letter-spacing:0.12em;margin-bottom:16px}
.hero-h1{font-family:var(--font-display);font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:900;letter-spacing:-0.03em;line-height:1.1;margin-bottom:20px;max-width:800px}
.hero-h1 em{color:var(--gold);font-style:italic}
.hero-sub{color:var(--text-secondary);font-size:1.05rem;max-width:600px;line-height:1.75;margin-bottom:32px}
.hero-stats{display:flex;gap:32px;flex-wrap:wrap;margin-bottom:40px}
.hero-stat-value{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1}
.hero-stat-label{font-family:var(--font-mono);font-size:0.65rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--text-muted);margin-top:4px}

/* === PAGE HERO (inner pages) === */
.page-hero{padding:48px 0 36px;border-bottom:1px solid var(--border)}
.page-hero .hero-h1{font-size:clamp(1.8rem,3.5vw,2.6rem)}

/* === SECTION HEADER === */
.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px;gap:16px;flex-wrap:wrap}
.section-label{font-family:var(--font-mono);font-size:0.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.12em;margin-bottom:6px}
.section-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-0.02em}
.section-desc{color:var(--text-secondary);font-size:0.9rem;margin-top:4px}

/* === CASINO CARDS === */
.casino-grid{display:flex;flex-direction:column;gap:12px}
.casino-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px;display:grid;grid-template-columns:52px 1fr auto auto auto;gap:16px;align-items:center;transition:var(--transition)}
.casino-card:hover{border-color:var(--border-accent);background:var(--bg-hover)}
.casino-card.featured{border-color:rgba(212,175,55,0.2);background:linear-gradient(135deg,var(--bg-card) 0%,rgba(212,175,55,0.03) 100%)}
@media(max-width:700px){.casino-card{grid-template-columns:1fr;grid-template-rows:auto}.casino-actions{grid-column:1}}
.casino-logo{width:52px;height:52px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:0.72rem;font-weight:500;letter-spacing:0.05em;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-muted);flex-shrink:0}
.casino-name{font-family:var(--font-display);font-size:1.05rem;font-weight:700;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}
.casino-bonus{font-size:0.875rem;color:var(--text-secondary);margin-bottom:8px}
.casino-tags{display:flex;gap:6px;flex-wrap:wrap}
.tag{font-family:var(--font-mono);font-size:0.65rem;padding:3px 9px;border-radius:100px;text-transform:uppercase;letter-spacing:0.06em}
.tag-nowager{background:var(--green-dim);color:var(--green);border:1px solid rgba(0,200,150,0.2)}
.tag-low{background:var(--blue-dim);color:var(--blue);border:1px solid rgba(100,150,255,0.2)}
.tag-deposit{background:var(--gold-dim);color:var(--gold);border:1px solid rgba(212,175,55,0.2)}
.tag-warn{background:var(--red-dim);color:var(--red);border:1px solid rgba(255,77,109,0.2)}
.casino-meta{text-align:center;min-width:52px}
.wagering-badge{font-family:var(--font-display);font-size:1.4rem;font-weight:700;line-height:1}
.wagering-badge.zero{color:var(--green)}
.wagering-badge.low{color:var(--blue)}
.wagering-badge.medium{color:var(--gold)}
.wagering-badge.high{color:var(--red)}
.wagering-label{font-family:var(--font-mono);font-size:0.6rem;text-transform:uppercase;letter-spacing:0.08em;color:var(--text-muted);margin-top:2px}
.casino-rating{text-align:center;min-width:44px}
.rating-score{font-family:var(--font-mono);font-size:1.1rem;font-weight:500;color:var(--text-primary);line-height:1}
.rating-stars{font-size:0.7rem;color:var(--gold);margin-top:2px}
.casino-actions{display:flex;flex-direction:column;gap:6px;min-width:140px}

/* === BUTTONS === */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border-radius:100px;font-size:0.85rem;font-weight:600;transition:var(--transition);cursor:pointer;text-decoration:none;white-space:nowrap}
.btn-primary{background:var(--gold);color:var(--bg-primary)}
.btn-primary:hover{background:var(--text-primary);color:var(--bg-primary)}
.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}
.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-accent)}
.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border);font-size:0.8rem;padding:7px 14px}
.btn-ghost:hover{color:var(--text-primary);border-color:var(--border-accent)}
.btn-sm{padding:6px 14px;font-size:0.8rem}

/* === SIG TERMS BOX (UKGC compliance — near every CTA) === */
.sig-terms{background:var(--red-dim);border:1px solid rgba(255,77,109,0.15);border-radius:var(--radius-sm);padding:10px 14px;font-family:var(--font-mono);font-size:0.72rem;color:var(--text-muted);line-height:1.7;margin-top:8px}
.sig-terms strong{color:var(--text-secondary)}

/* === TESTING LOG === */
.testing-log{background:var(--bg-secondary);border:1px solid var(--border);border-left:3px solid var(--green);border-radius:var(--radius-md);padding:20px 24px;margin:24px 0}
.tl-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}
.tl-badge{background:var(--green-dim);color:var(--green);border:1px solid rgba(0,200,150,0.2);border-radius:100px;padding:3px 10px;font-family:var(--font-mono);font-size:0.65rem;text-transform:uppercase;letter-spacing:0.08em}
.tl-meta{font-family:var(--font-mono);font-size:0.75rem;color:var(--text-muted)}
.tl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px}
.tl-field{display:flex;flex-direction:column;gap:3px}
.tl-label{font-family:var(--font-mono);font-size:0.62rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--text-muted)}
.tl-value{font-size:0.85rem;color:var(--text-primary)}
.tl-value.green{color:var(--green)}
.tl-value.gold{color:var(--gold)}
.tl-value.red{color:var(--red)}

/* === BONUS VALUE SCORE === */
.bvs-widget{background:var(--bg-card);border:1px solid var(--border-accent);border-radius:var(--radius-md);padding:20px 24px;display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:16px 0}
.bvs-ring{width:72px;height:72px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px solid;flex-shrink:0}
.bvs-ring.score-a{border-color:var(--green);background:var(--green-dim)}
.bvs-ring.score-b{border-color:var(--blue);background:var(--blue-dim)}
.bvs-ring.score-c{border-color:var(--gold);background:var(--gold-dim)}
.bvs-ring.score-d{border-color:var(--red);background:var(--red-dim)}
.bvs-grade{font-family:var(--font-display);font-size:1.8rem;font-weight:900;line-height:1}
.bvs-ring.score-a .bvs-grade{color:var(--green)}
.bvs-ring.score-b .bvs-grade{color:var(--blue)}
.bvs-ring.score-c .bvs-grade{color:var(--gold)}
.bvs-ring.score-d .bvs-grade{color:var(--red)}
.bvs-label{font-family:var(--font-mono);font-size:0.58rem;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted)}
.bvs-details{flex:1;min-width:180px}
.bvs-title{font-family:var(--font-mono);font-size:0.65rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--text-muted);margin-bottom:8px}
.bvs-rows{display:flex;flex-direction:column;gap:5px;font-size:0.8rem}
.bvs-row{display:flex;justify-content:space-between;align-items:center}
.bvs-factor{color:var(--text-secondary)}
.bvs-pts{font-family:var(--font-mono);font-weight:500}

/* === SILO CARDS (homepage navigation) === */
.silo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.silo-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px 24px;transition:var(--transition);display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit}
.silo-card:hover{border-color:var(--border-accent);background:var(--bg-hover);transform:translateY(-2px)}
.silo-icon{font-size:2rem;margin-bottom:4px}
.silo-card h3{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--text-primary)}
.silo-card p{font-size:0.875rem;color:var(--text-secondary);line-height:1.6;flex:1}
.silo-arrow{font-family:var(--font-mono);font-size:0.75rem;color:var(--gold);margin-top:8px}

/* === CALCULATOR === */
.calc-wrap{background:var(--bg-card);border:1px solid var(--border-accent);border-radius:var(--radius-lg);overflow:hidden}
.calc-header{padding:20px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border)}
.calc-header-label{font-family:var(--font-mono);font-size:0.68rem;color:var(--gold);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:4px}
.calc-header-title{font-family:var(--font-display);font-size:1.15rem;font-weight:700}
.calc-body{padding:24px}
.calc-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:560px){.calc-inputs{grid-template-columns:1fr}}
.calc-field label{display:block;font-family:var(--font-mono);font-size:0.68rem;text-transform:uppercase;letter-spacing:0.08em;color:var(--text-muted);margin-bottom:6px}
.calc-field input,.calc-field select{width:100%;background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);padding:10px 14px;border-radius:var(--radius-sm);font-size:1rem;font-family:var(--font-body);transition:var(--transition)}
.calc-field input:focus,.calc-field select:focus{outline:none;border-color:var(--border-accent)}
.calc-hint{font-family:var(--font-mono);font-size:0.68rem;color:var(--text-muted);margin-top:4px}
.calc-results{padding:24px;border-top:1px solid var(--border)}
.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}
@media(max-width:480px){.results-grid{grid-template-columns:1fr}}
.result-cell{text-align:center;padding:16px 12px;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border)}
.result-label{font-family:var(--font-mono);font-size:0.62rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--text-muted);margin-bottom:8px}
.result-value{font-family:var(--font-display);font-size:1.8rem;font-weight:700;line-height:1}
.calc-breakdown{background:var(--bg-secondary);border-radius:var(--radius-md);padding:16px 20px;font-family:var(--font-mono);font-size:0.8rem;line-height:2;color:var(--text-secondary);margin-bottom:16px}
.calc-verdict{padding:16px 20px;border-radius:var(--radius-md);border:1px solid;font-size:0.9rem;line-height:1.7}
.verdict-badge{font-family:var(--font-mono);font-size:0.68rem;text-transform:uppercase;letter-spacing:0.1em;padding:5px 12px;border-radius:100px;float:right;margin-left:12px}

/* === FAQ === */
.faq-list{display:flex;flex-direction:column;gap:8px;margin:24px 0}
.faq-list details{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:var(--transition)}
.faq-list details[open]{border-color:var(--border-accent)}
.faq-list summary{padding:16px 20px;cursor:pointer;font-weight:500;list-style:none;color:var(--text-primary)}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::marker{display:none}
.faq-list details p{padding:0 20px 16px;margin:0;color:var(--text-secondary);font-size:0.9rem;line-height:1.7;border-top:1px solid var(--border)}
.faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:var(--transition)}
.faq-item[open]{border-color:var(--border-accent)}
.faq-question{padding:16px 20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:500;list-style:none;gap:12px}
.faq-question::-webkit-details-marker{display:none}
.faq-toggle{font-family:var(--font-mono);color:var(--gold);font-size:1.2rem;flex-shrink:0;transition:var(--transition)}
.faq-item[open] .faq-toggle{transform:rotate(45deg)}
.faq-answer{padding:0 20px 16px;color:var(--text-secondary);font-size:0.9rem;line-height:1.7;border-top:1px solid var(--border)}

/* === BREADCRUMB === */
.breadcrumb{padding:14px 0;border-bottom:1px solid var(--border)}
.breadcrumb ol{list-style:none;padding:0;display:flex;gap:8px;font-family:var(--font-mono);font-size:0.72rem;color:var(--text-muted);flex-wrap:wrap}
.breadcrumb ol li+li::before{content:"›";margin-right:8px}
.breadcrumb ol a{color:var(--text-muted)}
.breadcrumb ol a:hover{color:var(--gold)}

/* === SIDEBAR WIDGET === */
.sidebar-widget{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px}
.sidebar-widget h4{font-family:var(--font-mono);font-size:0.68rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--gold);margin-bottom:14px}
.sidebar-widget p{font-size:0.85rem;color:var(--text-secondary);line-height:1.6;margin-bottom:12px}
.sidebar-widget ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}
.sidebar-widget ul li a{font-size:0.875rem;color:var(--text-secondary)}
.sidebar-widget ul li a:hover{color:var(--text-primary)}

/* === PAGE CONTENT (article body) === */
.page-content{max-width:100%}
.page-content h2{font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin:36px 0 14px;color:var(--text-primary);letter-spacing:-0.02em}
.page-content h3{font-family:var(--font-display);font-size:1.15rem;font-weight:700;margin:24px 0 10px;color:var(--text-primary)}
.page-content p{color:var(--text-secondary);line-height:1.75;margin-bottom:16px}
.page-content ul,.page-content ol{color:var(--text-secondary);line-height:1.75;margin:12px 0 16px;padding-left:1.5em}
.page-content li{margin-bottom:6px}
.page-content strong{color:var(--text-primary)}
.page-content em{color:var(--gold);font-style:italic}
.page-content code{font-family:var(--font-mono);font-size:0.85em;background:var(--bg-secondary);border:1px solid var(--border);padding:2px 6px;border-radius:4px;color:var(--gold)}
.page-content a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}

/* === INFO BOXES === */
.box-note{background:var(--gold-dim);border:1px solid var(--border-accent);border-radius:var(--radius-md);padding:20px 24px;margin:20px 0}
.box-note .box-label{font-family:var(--font-mono);font-size:0.68rem;color:var(--gold);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:10px}
.box-warn{background:var(--red-dim);border:1px solid rgba(255,77,109,0.2);border-radius:var(--radius-md);padding:20px 24px;margin:20px 0}
.box-warn .box-label{font-family:var(--font-mono);font-size:0.68rem;color:var(--red);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:10px}
.box-fact{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--gold);border-radius:var(--radius-md);padding:20px 24px;margin:20px 0}
.box-fact .box-label{font-family:var(--font-mono);font-size:0.68rem;color:var(--gold);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:10px}

/* === UPDATE BADGE === */
.update-badge{display:inline-flex;align-items:center;gap:6px;background:var(--green-dim);border:1px solid rgba(0,200,150,0.2);border-radius:100px;padding:5px 12px;font-family:var(--font-mono);font-size:0.68rem;color:var(--green);margin-bottom:16px}

/* === COMPARISON TABLE === */
.compare-table{width:100%;border-collapse:collapse;font-size:0.875rem;margin:20px 0}
.compare-table th{background:var(--bg-secondary);padding:10px 16px;text-align:left;font-family:var(--font-mono);font-size:0.65rem;text-transform:uppercase;letter-spacing:0.08em;color:var(--text-muted);border-bottom:1px solid var(--border)}
.compare-table td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text-secondary);vertical-align:middle}
.compare-table tr:hover td{background:var(--bg-secondary)}
.compare-table .highlight{color:var(--green);font-weight:600}
.compare-table .warn{color:var(--red)}

/* === DISCLAIMER === */
.disclaimer-bar{background:#0d0d10;border-top:1px solid var(--border);padding:16px 0;font-family:var(--font-mono);font-size:0.72rem;color:var(--text-muted);text-align:center;line-height:1.8}
.disclaimer-bar a{color:var(--text-muted)}

/* === FOOTER === */
.site-footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding:56px 0 32px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr}}
.footer-brand p{font-size:0.875rem;color:var(--text-muted);line-height:1.7;margin-top:12px}
.footer-col h5{font-family:var(--font-mono);font-size:0.68rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--text-muted);margin-bottom:14px}
.footer-col ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}
.footer-col ul a{font-size:0.875rem;color:var(--text-muted);transition:var(--transition)}
.footer-col ul a:hover{color:var(--text-primary)}
.footer-bottom{border-top:1px solid var(--border);padding-top:24px;font-family:var(--font-mono);font-size:0.72rem;color:var(--text-muted)}
.rg-logos{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
.rg-logo-link{background:rgba(255,255,255,0.04);border:1px solid var(--border);border-radius:4px;padding:5px 10px;font-family:var(--font-mono);font-size:0.62rem;color:var(--text-muted);text-decoration:none}
.rg-logo-link:hover{color:var(--text-primary);border-color:var(--border-accent)}

/* === UTILITY === */
.text-green{color:var(--green)!important}
.text-red{color:var(--red)!important}
.text-gold{color:var(--gold)!important}
.text-muted{color:var(--text-muted)!important}
.mono{font-family:var(--font-mono)!important}
.mt-0{margin-top:0!important}
.mb-0{margin-bottom:0!important}