@charset "UTF-8";
/* ============================================================================
 * GOSLOTOTO — SHARED BRAND STYLESHEET
 * Brand palette (placeholder — swap these five variables if you have exact
 * GoSlototo brand hex codes and every page updates automatically):
 *   --gl-ruby / --gl-ruby-dark / --gl-ruby-mid / --gl-gold / --gl-gold-light
 * ========================================================================== */

:root {
    --gl-ruby:        #7a1338;
    --gl-ruby-dark:   #530d26;
    --gl-ruby-mid:    #921745;
    --gl-ruby-soft:   #fdf1f5;
    --gl-ruby-line:   #f0c3d3;
    --gl-navy:        #241226;
    --gl-gold:        #d9a02c;
    --gl-gold-light:  #f0c96a;
    --gl-ice:         #3b7ff5;
    --gl-emerald:     #0fa86a;
    --gl-red:         #e53e3e;
    --gl-ink:         #201018;
    --gl-slate:       #5b4a54;
    --gl-border:      #ecdde3;
    --gl-surface:     #fdf6f8;
    --gl-white:       #ffffff;
    --gl-radius-sm:   6px;
    --gl-radius-md:   12px;
    --gl-radius-lg:   20px;
    --gl-shadow-sm:   0 2px 8px rgba(122,19,56,.08);
    --gl-shadow-md:   0 6px 24px rgba(122,19,56,.13);
    --gl-shadow-lg:   0 16px 48px rgba(122,19,56,.17);
}

.gl-container { max-width: 1300px; margin: 0 auto; padding: 0 20px; }
.gl-layout    { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 40px; align-items: start; margin-top: 28px; }
.gl-content   { min-width: 0; }

.gl-breadcrumb { display: flex; align-items: center; gap: 6px; font-size: .82rem; color: var(--gl-slate); padding: 14px 0 10px; flex-wrap: wrap; }
.gl-breadcrumb a { color: var(--gl-ruby); text-decoration: none; font-weight: 600; }
.gl-breadcrumb a:hover { text-decoration: underline; }
.gl-breadcrumb .sep { opacity: .4; }

.gl-hero {
    background: linear-gradient(135deg, var(--gl-ruby-dark) 0%, var(--gl-ruby) 55%, var(--gl-ruby-mid) 100%);
    border-radius: var(--gl-radius-lg);
    padding: 36px 40px 32px;
    color: var(--gl-white);
    position: relative; overflow: hidden; margin-bottom: 28px;
}
.gl-hero::before {
    content: '';
    position: absolute; inset: 0;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='28'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    pointer-events: none;
}
.gl-hero-live {
    display: inline-flex; align-items: center; gap: 7px;
    background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.22);
    padding: 5px 14px; border-radius: 999px; font-size: .8rem; font-weight: 700;
    letter-spacing: .5px; text-transform: uppercase; margin-bottom: 14px;
}
.gl-live-dot { width: 7px; height: 7px; background: var(--gl-gold-light); border-radius: 50%; animation: gl-pulse 2s infinite; will-change: transform, opacity; }
@keyframes gl-pulse { 0%,100% { transform: scale(1); opacity: 1; } 60% { transform: scale(1.5); opacity: 0; } }

.gl-hero h1 { font-size: clamp(1.7rem, 3.5vw, 2.6rem); font-weight: 400; line-height: 1.15; margin: 0 0 14px; color: var(--gl-white); }
.gl-hero h1 em { font-style: italic; color: var(--gl-gold-light); }
.gl-hero-intro { font-size: 1.02rem; color: rgba(255,255,255,.85); line-height: 1.6; max-width: 100%; margin: 0 0 20px; }
.gl-hero-intro strong { color: #fff; }
.gl-hero-meta { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 20px; }
.gl-hero-tag { background: rgba(255,255,255,0.16); border: 1px solid rgba(255,255,255,0.28); padding: 6px 12px; border-radius: 999px; font-size: 0.85rem; font-weight: 600; }

.gl-byline { display:flex; align-items:center; gap:14px; background:var(--gl-white); border:1px solid var(--gl-ruby-line); border-left:4px solid var(--gl-ruby); border-radius:var(--gl-radius-md); padding:10px 18px; margin-bottom:28px; box-shadow:var(--gl-shadow-sm); }
.gl-byline-avatar { flex-shrink:0; width:44px; height:44px; border-radius:50%; overflow:hidden; background:linear-gradient(135deg,var(--gl-ruby),var(--gl-ruby-dark)); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:1rem; }
.gl-byline-avatar img { width:100%; height:100%; object-fit:cover; display:block; }
.gl-byline-name { display:flex; align-items:center; flex-wrap:wrap; gap:8px 10px; line-height:1.3; }
.gl-byline-name a { color:var(--gl-ink); font-weight:800; font-size:1.02rem; text-decoration:none; }
.gl-byline-name a:hover { text-decoration:underline; }
.gl-byline-role { display:inline-block; background:var(--gl-ruby-soft); color:var(--gl-ruby); font-size:.78rem; font-weight:700; padding:3px 12px; border-radius:999px; border:1px solid var(--gl-ruby-line); white-space:nowrap; }
.gl-byline-meta { display:flex; flex-wrap:wrap; gap:4px 16px; margin-top:5px; font-size:.85rem; color:var(--gl-slate); }

.gl-notice { display:flex; gap:12px; align-items:flex-start; background:#fffbeb; border:1px solid #fcd34d; border-left:4px solid var(--gl-gold); border-radius:var(--gl-radius-md); padding:14px 18px; margin-bottom:28px; font-size:.9rem; color:#7c4a03; line-height:1.6; }
.gl-notice strong { color:#6b3f02; }

.gl-toc { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:30px; }
.gl-toc a { background:var(--gl-white); color:var(--gl-ruby-dark); padding:7px 16px; border-radius:999px; font-size:.88rem; font-weight:700; border:1.5px solid var(--gl-ruby-line); text-decoration:none; transition:all .2s; white-space:nowrap; }
.gl-toc a:hover { background:var(--gl-ruby); color:var(--gl-white); border-color:var(--gl-ruby); }

.gl-section-title { font-size:clamp(1.3rem,2.5vw,1.8rem); color:var(--gl-ruby-dark); margin:0 0 6px; font-weight:400; }
.gl-section-sub   { color:var(--gl-slate); font-size:.98rem; margin:0 0 22px; }

.gl-stat-strip { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-bottom:40px; }
.gl-stat-tile { background:var(--gl-white); border:1px solid var(--gl-ruby-line); border-radius:var(--gl-radius-md); padding:18px; text-align:center; box-shadow:var(--gl-shadow-sm); }
.gl-stat-tile .gl-stat-num { font-size:1.9rem; font-weight:900; color:var(--gl-ruby-dark); line-height:1; margin-bottom:4px; }
.gl-stat-tile .gl-stat-label { font-size:.8rem; color:var(--gl-slate); font-weight:600; }

.gl-prevcheck { background:var(--gl-white); border:1px solid var(--gl-ruby-line); border-top:5px solid var(--gl-ruby); border-radius:var(--gl-radius-lg); padding:26px 28px; margin-bottom:30px; box-shadow:var(--gl-shadow-sm); }
.gl-prevcheck-head { display:flex; flex-wrap:wrap; gap:14px; align-items:center; justify-content:space-between; margin-bottom:6px; }
.gl-prevcheck-head h2 { font-size:clamp(1.2rem,2.4vw,1.6rem); color:var(--gl-ruby-dark); margin:0; font-weight:400; }
.gl-prevcheck-sub { color:var(--gl-slate); font-size:.92rem; margin:0 0 20px; line-height:1.6; }
.gl-bigmatch { display:inline-flex; align-items:baseline; gap:8px; background:var(--gl-ruby-soft); border:1px solid var(--gl-ruby-line); color:var(--gl-ruby-dark); padding:8px 16px; border-radius:999px; font-weight:800; font-size:.92rem; white-space:nowrap; }
.gl-bigmatch b { font-size:1.2rem; }

.gl-actual-draw { display:flex; flex-wrap:wrap; align-items:center; gap:14px; margin-bottom:22px; }
.gl-actual-label { font-size:.82rem; font-weight:800; color:var(--gl-slate); text-transform:uppercase; letter-spacing:.6px; }
.gl-actual-balls { display:flex; gap:10px; flex-wrap:wrap; }
.gl-actual-ball { width:50px; height:50px; border-radius:50%; background:linear-gradient(145deg,var(--gl-ruby),var(--gl-ruby-dark)); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:900; font-size:1.05rem; box-shadow:var(--gl-shadow-sm); border:2px solid rgba(255,255,255,.5); position:relative; }
.gl-actual-ball.is-bonus { background:linear-gradient(145deg,var(--gl-gold),#b9800f); }
.gl-actual-ball.is-pred::after { content:'✓'; position:absolute; top:-6px; right:-6px; width:20px; height:20px; border-radius:50%; background:#16a34a; color:#fff; font-size:.7rem; display:flex; align-items:center; justify-content:center; border:2px solid #fff; font-weight:900; }

.gl-predsets { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.gl-predset { border:1px solid var(--gl-border); border-radius:var(--gl-radius-md); padding:16px 18px; background:var(--gl-surface); }
.gl-predset h3 { margin:0 0 4px; font-size:.95rem; color:var(--gl-navy); font-weight:800; }
.gl-predset .ps-count { font-size:.8rem; font-weight:700; color:var(--gl-ruby-dark); margin-bottom:12px; }
.gl-predset .ps-count.zero { color:var(--gl-slate); }
.gl-mini-balls { display:flex; gap:7px; flex-wrap:wrap; }
.gl-mini-ball { width:34px; height:34px; border-radius:50%; background:#fff; border:1.5px solid var(--gl-border); color:var(--gl-slate); display:flex; align-items:center; justify-content:center; font-size:.8rem; font-weight:800; }
.gl-mini-ball.is-hit { background:#dcfce7; border-color:#16a34a; color:#15803d; box-shadow:0 0 0 2px rgba(22,163,74,.18); }
.gl-prevcheck-note { margin:18px 0 0; font-size:.82rem; color:var(--gl-slate); line-height:1.6; background:#fffbeb; border-left:3px solid var(--gl-gold); padding:10px 14px; border-radius:var(--gl-radius-sm); }
.gl-prev-strip { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:18px; font-size:.85rem; color:var(--gl-slate); }
.gl-prev-strip .psb { width:30px; height:30px; border-radius:50%; background:#fff; border:1px solid var(--gl-border); display:flex; align-items:center; justify-content:center; font-weight:800; font-size:.8rem; color:var(--gl-navy); }

.gl-accuracy { background:var(--gl-white); border:1px solid var(--gl-border); border-left:4px solid var(--gl-ruby); border-radius:var(--gl-radius-md); padding:20px 24px; margin-bottom:30px; display:flex; flex-direction:column; gap:12px; }
.gl-accuracy-title { font-weight:800; font-size:1rem; color:var(--gl-navy); margin:0; }
.gl-accuracy-sub { font-size:.9rem; color:var(--gl-slate); margin:0; }
.gl-acc-row { display:flex; flex-wrap:wrap; gap:8px; }
.gl-acc-badge { display:inline-flex; align-items:center; gap:5px; padding:5px 11px; border-radius:6px; font-size:.88rem; font-weight:800; border:1px solid; }
.gl-acc-label { font-weight:500; font-size:.75rem; opacity:.85; color:#78350f; }
.gl-acc-hot { background:#fef2f2; color:#b91c1c; border-color:#fca5a5; }
.gl-acc-cold { background:#eff6ff; color:#1d4ed8; border-color:#bfdbfe; }
.gl-acc-warm { background:#fffbeb; color:#92400e; border-color:#fcd34d; }
.gl-acc-neutral { background:#f1f5f9; color:var(--gl-slate); border-color:var(--gl-border); }

.gl-pred-grid { display:grid; gap:22px; margin-bottom:40px; }
.gl-pred-card { background:var(--gl-white); border-radius:var(--gl-radius-md); border:1px solid var(--gl-border); box-shadow:var(--gl-shadow-sm); overflow:hidden; transition:transform .2s, box-shadow .2s; }
.gl-pred-card:hover { transform:translateY(-3px); box-shadow:var(--gl-shadow-md); }
.gl-pred-header { padding:20px 26px 16px; border-bottom:1px solid var(--gl-border); display:flex; align-items:center; gap:14px; }
.gl-pred-icon { width:44px; height:44px; border-radius:var(--gl-radius-sm); display:flex; align-items:center; justify-content:center; font-size:1.4rem; flex-shrink:0; }
.icon-balanced { background:#fdf1f5; }
.icon-hot { background:#fef2f2; }
.icon-cold { background:#eff6ff; }
.gl-pred-header-text h3 { margin:0 0 2px; font-size:1.1rem; font-weight:800; color:var(--gl-navy); }
.gl-pred-header-text p { margin:0; font-size:.82rem; color:var(--gl-slate); font-weight:500; }
.gl-pred-body { padding:20px 26px 24px; }
.gl-match-pill { display:inline-flex; align-items:center; gap:6px; padding:5px 12px; border-radius:999px; font-size:.82rem; font-weight:700; background:#f1f5f9; color:var(--gl-slate); border:1px solid var(--gl-border); margin-bottom:18px; }
.gl-match-pill.good { background:#dcfce7; color:#166534; border-color:#bbf7d0; }
.gl-match-pill .match-dot { width:6px; height:6px; border-radius:50%; background:currentColor; }
.gl-balls { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:18px; }
.gl-ball { width:52px; height:52px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.05rem; font-weight:900; border:2px solid; position:relative; transition:transform .15s; }
.gl-ball:hover { transform:scale(1.1); }
.gl-ball-default { background:var(--gl-ruby-soft); border-color:var(--gl-ruby-line); color:var(--gl-ruby-dark); }
.gl-ball-hot { background:#fef2f2; border-color:#f87171; color:#991b1b; }
.gl-ball-cold { background:#eff6ff; border-color:#bfdbfe; color:#1d4ed8; }
.gl-ball-bonus { background:#fffbeb; border-color:var(--gl-gold-light); color:#8a6008; }
.gl-pred-reason { background:var(--gl-surface); padding:14px 18px; border-radius:var(--gl-radius-sm); font-size:.9rem; color:var(--gl-slate); line-height:1.55; border-left:3px solid var(--gl-ruby-line); }
.gl-pred-reason strong { color:var(--gl-ruby-dark); }
.card-balanced { border-top:4px solid var(--gl-emerald); }
.card-hot { border-top:4px solid var(--gl-red); }
.card-cold { border-top:4px solid var(--gl-ice); }

.gl-combo-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; margin-bottom:40px; }
.gl-combo-card { background:var(--gl-white); border-radius:var(--gl-radius-md); border:1px solid var(--gl-border); padding:26px; box-shadow:var(--gl-shadow-sm); }
.gl-combo-card h3 { font-size:1.05rem; font-weight:800; color:var(--gl-navy); margin:0 0 4px; }
.gl-combo-card p { font-size:.84rem; color:var(--gl-slate); margin:0 0 18px; }
.gl-combo-list { list-style:none; padding:0; margin:0; }
.gl-combo-list li { display:flex; justify-content:space-between; align-items:center; padding:11px 0; border-bottom:1px dashed var(--gl-border); }
.gl-combo-list li:last-child { border-bottom:none; padding-bottom:0; }
.gl-combo-nums { display:flex; gap:7px; }
.gl-combo-ball { width:34px; height:34px; border-radius:50%; background:var(--gl-ruby-dark); color:var(--gl-white); display:flex; align-items:center; justify-content:center; font-size:.85rem; font-weight:800; }
.gl-combo-freq { font-size:.8rem; color:var(--gl-slate); font-weight:700; background:var(--gl-surface); padding:4px 10px; border-radius:var(--gl-radius-sm); }

.gl-how { background:var(--gl-white); border:1px solid var(--gl-border); border-radius:var(--gl-radius-md); padding:36px; margin-bottom:40px; }
.gl-how h2 { margin-top:0; }
.gl-how p, .gl-how li { color:var(--gl-slate); line-height:1.7; font-size:.98rem; }
.gl-check-list { list-style:none; padding:0; margin:20px 0 28px; }
.gl-check-list li { position:relative; padding-left:28px; margin-bottom:12px; font-size:1rem; color:var(--gl-slate); }
.gl-check-list li::before { content:"✓"; position:absolute; left:0; top:-1px; color:var(--gl-ruby); font-weight:900; font-size:1.1rem; }
.gl-how a, .gl-pred-reason a, .gl-prevcheck a { color:var(--gl-ruby-dark); text-decoration:underline; }
.gl-check-list a { color:var(--gl-ruby-dark); text-decoration:underline; }

.gl-strategy-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin:24px 0 32px; }
.gl-strategy-card { border:1px solid var(--gl-border); border-radius:var(--gl-radius-md); padding:22px 20px; background:var(--gl-white); transition:transform .2s, box-shadow .2s; }
.gl-strategy-card:hover { transform:translateY(-4px); box-shadow:var(--gl-shadow-md); }
.gl-strategy-card h3 { font-size:1.05rem; font-weight:800; color:var(--gl-navy); margin:0 0 10px; }
.gl-strategy-card p { margin:0; font-size:.9rem; color:var(--gl-slate); line-height:1.55; }
.card-s-hot { border-top:4px solid var(--gl-red); }
.card-s-cold { border-top:4px solid var(--gl-ice); }
.card-s-balanced { border-top:4px solid var(--gl-emerald); }

.gl-results-wrap { background:var(--gl-white); border:1px solid var(--gl-ruby-line); border-radius:var(--gl-radius-md); padding:24px; margin-bottom:40px; box-shadow:var(--gl-shadow-sm); }
.gl-table-scroll { overflow-x:auto; -webkit-overflow-scrolling:touch; border-radius:var(--gl-radius-sm); border:1px solid var(--gl-border); }
table.gl-results { width:100%; border-collapse:collapse; min-width:640px; font-size:.9rem; }
table.gl-results thead th { background:linear-gradient(135deg,var(--gl-ruby-dark),var(--gl-ruby)); color:#fff; padding:12px 10px; text-align:center; font-weight:700; position:sticky; top:0; }
table.gl-results tbody td { padding:10px; text-align:center; border-bottom:1px solid var(--gl-border); color:var(--gl-navy); }
table.gl-results tbody tr:nth-child(even) { background:var(--gl-surface); }
table.gl-results tbody tr:hover { background:var(--gl-ruby-soft); }
table.gl-results .rb { display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:50%; background:#fff; border:1.5px solid var(--gl-ruby-line); color:var(--gl-ruby-dark); font-weight:800; font-size:.8rem; margin:0 2px; }
table.gl-results .rb.bonus { border-color:var(--gl-gold-light); color:#8a6008; background:#fffbeb; }
.gl-res-date { font-weight:700; white-space:nowrap; }
.gl-res-day { color:var(--gl-slate); font-size:.78rem; }
.gl-pagination { display:flex; flex-wrap:wrap; gap:6px; justify-content:center; align-items:center; margin-top:18px; }
.gl-pagination button { border:1.5px solid var(--gl-ruby-line); background:#fff; color:var(--gl-ruby-dark); padding:7px 13px; border-radius:8px; font-weight:800; font-size:.85rem; cursor:pointer; font-family:inherit; transition:all .15s; min-width:38px; }
.gl-pagination button:hover:not(:disabled) { background:var(--gl-ruby-soft); }
.gl-pagination button.active { background:var(--gl-ruby); color:#fff; border-color:var(--gl-ruby); }
.gl-pagination button:disabled { opacity:.4; cursor:not-allowed; }
.gl-page-info { text-align:center; font-size:.82rem; color:var(--gl-slate); margin-top:10px; }

.gl-recent-draws { display:grid; gap:12px; }
.gl-recent-draw-item { background:var(--gl-surface); border:1px solid var(--gl-border); border-radius:var(--gl-radius-sm); padding:16px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; }
.gl-recent-draw-date { font-weight:700; color:var(--gl-navy); }
.gl-recent-draw-balls { display:flex; gap:6px; flex-wrap:wrap; }
.gl-recent-draw-ball { width:32px; height:32px; background:var(--gl-white); border:1px solid var(--gl-border); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:.85rem; font-weight:800; color:var(--gl-navy); }

.gl-chart-wrap { position:relative; height:280px; min-height:280px; width:100%; margin-top:22px; }

.gl-author { border-left:4px solid var(--gl-ruby); background:var(--gl-surface); padding:18px 22px; border-radius:var(--gl-radius-sm); margin-bottom:40px; border:1px solid var(--gl-ruby-line); }
.gl-author strong { display:block; color:var(--gl-ruby-dark); margin-bottom:6px; font-size:1rem; }
.gl-author p { margin:0; font-size:.9rem; color:var(--gl-slate); line-height:1.55; }

.gl-faq { margin-bottom:40px; }
.gl-faq-header { font-size:1.45rem; color:var(--gl-ruby-dark); margin-bottom:22px; padding-left:16px; border-left:5px solid var(--gl-ruby); line-height:1.2; font-weight:400; }
.gl-faq-item { background:var(--gl-white); border:1px solid var(--gl-border); border-radius:var(--gl-radius-md); margin-bottom:12px; overflow:hidden; }
.gl-faq-question { width:100%; background:none; border:none; text-align:left; padding:18px 22px; font-size:1rem; font-weight:700; color:var(--gl-navy); cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:12px; font-family:inherit; }
.gl-faq-question:hover { background:var(--gl-surface); }
.gl-faq-icon { color:var(--gl-ruby); font-size:1.5rem; line-height:1; transition:transform .3s; flex-shrink:0; }
.gl-faq-answer { max-height:0; overflow:hidden; transition:max-height .35s ease, padding .3s ease; }
.gl-faq-answer-inner { padding:0 22px 18px; color:var(--gl-slate); font-size:.95rem; line-height:1.65; }
.gl-faq-item.active .gl-faq-icon { transform:rotate(45deg); }
.gl-faq-item.active .gl-faq-answer { max-height:700px; }

.gl-int-links { background:var(--gl-white); padding:30px; border-radius:var(--gl-radius-md); border:1px solid var(--gl-ruby-line); margin-bottom:40px; }
.gl-int-links h2 { font-size:1.25rem; font-weight:800; color:var(--gl-ruby-dark); margin:0 0 6px; }
.gl-int-links p { color:var(--gl-slate); font-size:.92rem; margin:0 0 18px; }
.gl-pill-nav { list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:10px; }
.gl-pill-nav a { display:inline-flex; align-items:center; gap:8px; background:var(--gl-surface); color:var(--gl-ruby-dark); text-decoration:none; padding:10px 18px; border-radius:999px; font-size:.9rem; font-weight:700; border:1.5px solid var(--gl-ruby-line); transition:all .2s; }
.gl-pill-nav a svg { width:14px; height:14px; color:var(--gl-ruby); transition:color .2s; }
.gl-pill-nav a:hover { background:var(--gl-ruby); color:var(--gl-white); border-color:var(--gl-ruby); }
.gl-pill-nav a:hover svg { color:var(--gl-white); }

.gl-related { margin-bottom:40px; }
.gl-related h2 { font-size:1.35rem; font-weight:800; color:var(--gl-ruby-dark); margin-bottom:18px; }
.gl-related-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.gl-related-card { background:var(--gl-white); border:1px solid var(--gl-border); border-radius:var(--gl-radius-md); padding:22px 20px; transition:transform .2s, box-shadow .2s; }
.gl-related-card:hover { transform:translateY(-4px); box-shadow:var(--gl-shadow-md); }
.gl-related-card .rc-icon { font-size:2rem; margin-bottom:14px; }
.gl-related-card h3 { margin:0 0 8px; font-size:1rem; font-weight:800; color:var(--gl-navy); }
.gl-related-card p { margin:0 0 14px; font-size:.88rem; color:var(--gl-slate); line-height:1.5; }
.gl-related-card a { color:var(--gl-ruby-dark); font-weight:800; }
.gl-related-card a:hover { text-decoration:underline; }

.gl-disclaimer { display:flex; gap:18px; align-items:flex-start; background:linear-gradient(145deg,var(--gl-surface),#f7e9ee); border:1px solid var(--gl-ruby-line); border-left:3px solid var(--gl-ruby); padding:24px; border-radius:var(--gl-radius-md); margin-bottom:48px; box-shadow:var(--gl-shadow-sm); }
.gl-disclaimer svg { flex-shrink:0; width:22px; height:22px; color:#8c6a76; margin-top:2px; }
.gl-disclaimer strong { display:block; color:var(--gl-slate); font-weight:700; text-transform:uppercase; font-size:.72rem; letter-spacing:.8px; margin-bottom:6px; }
.gl-disclaimer p { margin:0 0 8px; font-size:.84rem; color:var(--gl-slate); line-height:1.6; }
.gl-disclaimer p:last-child { margin-bottom:0; }
.gl-disclaimer a { color:var(--gl-ruby-dark); }

.gl-sidebar { position:sticky; top:96px; }
.gl-sidebar-card { background:var(--gl-white); border-radius:var(--gl-radius-md); border:1px solid var(--gl-ruby-line); box-shadow:var(--gl-shadow-sm); overflow:hidden; }
.gl-sidebar-head { background:linear-gradient(135deg,var(--gl-ruby-dark),var(--gl-ruby)); color:var(--gl-white); padding:18px 22px; font-weight:800; font-size:1rem; letter-spacing:.3px; }
.gl-sidebar-links { list-style:none; padding:0; margin:0; }
.gl-sidebar-links li { border-bottom:1px solid var(--gl-surface); }
.gl-sidebar-links li:last-child { border-bottom:none; }
.gl-sidebar-links a { display:flex; align-items:center; padding:14px 22px; color:var(--gl-slate); font-weight:600; font-size:.92rem; border-left:3px solid transparent; transition:all .2s; text-decoration:none; }
.gl-sidebar-links a:hover { background:var(--gl-surface); color:var(--gl-ruby-dark); border-left-color:var(--gl-ruby-line); }
.gl-sidebar-links a.active { color:var(--gl-ruby-dark); border-left-color:var(--gl-ruby-dark); font-weight:800; }
.gl-draw-chip { margin:14px 16px 16px; background:linear-gradient(135deg,var(--gl-gold),var(--gl-gold-light)); border-radius:var(--gl-radius-md); padding:14px 16px; text-align:center; }
.gl-draw-chip .dc-label { font-size:.78rem; font-weight:700; color:var(--gl-navy); text-transform:uppercase; letter-spacing:.6px; margin-bottom:4px; }
.gl-draw-chip .dc-date { font-size:1.05rem; font-weight:900; color:var(--gl-navy); }
.gl-draw-chip .dc-time { font-size:.82rem; font-weight:600; color:rgba(36,18,38,.7); margin-top:2px; }

.gl-game-switch { display:flex; gap:8px; flex-wrap:wrap; margin:0 0 18px; }
.gl-game-switch a { padding:7px 16px; border-radius:999px; font-size:.85rem; font-weight:700; border:1.5px solid var(--gl-ruby-line); text-decoration:none; color:var(--gl-ruby-dark); background:#fff; }
.gl-game-switch a.active { background:var(--gl-ruby); border-color:var(--gl-ruby); color:#fff; }

@media (max-width: 1060px) {
    .gl-layout { grid-template-columns: 1fr; }
    .gl-sidebar { position: relative; top: 0; }
    .gl-combo-grid { grid-template-columns: 1fr; }
    .gl-strategy-grid { grid-template-columns: 1fr; }
    .gl-predsets { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
    .gl-hero { padding: 24px 22px 22px; }
    .gl-related-grid { grid-template-columns: 1fr; }
    .gl-stat-strip { grid-template-columns: 1fr 1fr; }
    .gl-how { padding: 24px 20px; }
    .gl-int-links { padding: 22px 18px; }
    .gl-pill-nav a { width: 100%; justify-content: space-between; }
    .gl-results-wrap { padding: 16px; }
}
@media (max-width: 768px) {
    table { display:block; overflow-x:auto; padding:6px; width:100%; }
}

/* ============================================================================
 * ADDITIONS — per-draw details page (prev/next nav, facts ribbon, insights)
 * ========================================================================== */
.gl-draw-nav { display:flex; justify-content:space-between; align-items:center; padding-top:18px; margin-top:16px; border-top:1px solid rgba(255,255,255,.25); flex-wrap:wrap; gap:10px; }
.gl-draw-nav a, .gl-draw-nav .gl-draw-nav-label { font-size:.83rem; font-weight:700; color:#fff; text-decoration:none; opacity:.9; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.24); border-radius:8px; padding:7px 14px; transition:opacity .15s, background .15s; }
.gl-draw-nav a:hover { opacity:1; background:rgba(255,255,255,.25); }
.gl-draw-nav .gl-spacer { visibility:hidden; }

.gl-facts-ribbon { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:24px; }
.gl-fact-pill { background:var(--gl-white); border:1px solid var(--gl-border); border-radius:var(--gl-radius-md); padding:12px 14px; box-shadow:var(--gl-shadow-sm); }
.gl-fact-pill .fp-label { display:block; font-size:.68rem; font-weight:700; text-transform:uppercase; letter-spacing:.5px; color:var(--gl-slate); margin-bottom:4px; }
.gl-fact-pill .fp-value { font-size:.95rem; font-weight:800; color:var(--gl-ink); }

.gl-answer-box { background:var(--gl-white); border:1px solid var(--gl-border); border-left:4px solid var(--gl-emerald); border-radius:var(--gl-radius-md); padding:18px 22px; margin-bottom:18px; box-shadow:var(--gl-shadow-sm); font-size:.95rem; color:var(--gl-slate); line-height:1.7; }
.gl-answer-box .ab-eyebrow { display:block; font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.6px; color:var(--gl-emerald); margin-bottom:6px; }
.gl-answer-box strong { color:var(--gl-ink); }

.gl-insight-bar { display:flex; gap:12px; align-items:flex-start; background:#fffbeb; border:1px solid #fcd34d; border-left:4px solid var(--gl-gold); border-radius:var(--gl-radius-md); padding:14px 16px; margin:16px 0; font-size:.88rem; color:#7c4a03; line-height:1.6; }
.gl-insight-bar .ib-icon { font-size:1.2rem; flex-shrink:0; }

.gl-highlights-list { list-style:none; display:flex; flex-direction:column; gap:10px; padding:0; margin:0; }
.gl-highlights-list li { display:flex; justify-content:space-between; align-items:center; padding:12px 16px; background:var(--gl-surface); border:1px solid var(--gl-border); border-radius:var(--gl-radius-md); font-size:.88rem; flex-wrap:wrap; gap:6px; }
.gl-highlights-list .hl-key { font-weight:700; color:var(--gl-ink); }
.gl-highlights-list .hl-val { color:var(--gl-slate); font-size:.87rem; }
.gl-highlights-list .hl-val.gold { color:var(--gl-gold); font-weight:700; }

.gl-tip-bar { display:flex; gap:12px; align-items:flex-start; background:#fef2f2; border:1px solid #fca5a5; border-left:4px solid #dc2626; border-radius:var(--gl-radius-md); padding:16px 18px; font-size:.87rem; color:#7f1d1d; line-height:1.65; }
.gl-tip-bar .tip-icon { font-size:1.2rem; flex-shrink:0; }

.gl-error-state { text-align:center; padding:60px 20px; max-width:560px; margin:60px auto; }
.gl-error-state h1 { font-size:4rem; color:var(--gl-ruby); margin-bottom:8px; }
.gl-error-state h2 { font-size:1.6rem; margin-bottom:12px; color:var(--gl-ink); }
.gl-error-state p { color:var(--gl-slate); line-height:1.7; margin-bottom:24px; }
.gl-error-state a { color:var(--gl-ruby-dark); font-weight:600; }

.gl-view-details-btn { display:inline-block; background:var(--gl-ruby); color:#fff !important; padding:6px 14px; border-radius:6px; font-weight:700; font-size:.78rem; text-decoration:none !important; white-space:nowrap; }
.gl-view-details-btn:hover { background:var(--gl-ruby-dark); }

@media (max-width:1024px){ .gl-facts-ribbon{ grid-template-columns:repeat(2,1fr);} }
@media (max-width:640px){ .gl-facts-ribbon{ grid-template-columns:1fr 1fr;} }