/* ── Self-hosted Plus Jakarta Sans (variable, latin subset) ──
   Replaces the Google Fonts <link>. That link cost two extra origins
   (fonts.googleapis.com -> fonts.gstatic.com), a render-blocking stylesheet,
   and a three-hop critical path. One local file covers weights 400-800. */
@font-face{
  font-family:'Plus Jakarta Sans';
  src:url('/fonts/plus-jakarta-sans-latin.woff2') format('woff2');
  font-weight:400 800;
  font-style:normal;
  font-display:swap;
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{
    --green-900:#1b4332;--green-800:#1b5e20;--green-700:#2e7d32;
    --green-600:#388e3c;--green-500:#4caf50;--green-400:#66bb6a;
    --green-200:#a5d6a7;--green-100:#c8e6c9;--green-50:#e8f5e9;
    --white:#ffffff;--off-white:#f8fffe;
    --text-900:#0d1f0e;--text-700:#1a3c1b;--text-500:#3a6b3c;--text-300:#6a9b6c;
    --shadow-sm:0 1px 3px rgba(27,67,50,.10),0 1px 2px rgba(27,67,50,.06);
    --shadow-md:0 4px 16px rgba(27,67,50,.13),0 2px 6px rgba(27,67,50,.08);
    --shadow-green:0 4px 20px rgba(46,125,50,.30);
    --r4:4px;--r8:8px;--r12:12px;--r50:50px;
    --font:'Plus Jakarta Sans',sans-serif;
  }
  *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth;font-size:16px}
  body{background:var(--off-white);color:var(--text-900);font-family:var(--font);line-height:1.7;-webkit-text-size-adjust:100%;text-size-adjust:100%}
  img{max-width:100%;display:block}
  a{color:var(--green-700);text-underline-offset:3px}
  a:focus-visible,button:focus-visible{outline:3px solid var(--green-500);outline-offset:3px;border-radius:3px}

  /* SKIP LINK */
  .skip-link{position:absolute;top:-100%;left:0;background:var(--green-700);color:#fff;padding:10px 18px;font-weight:700;font-size:.95rem;z-index:9999;border-radius:0 0 var(--r8) 0;text-decoration:none}
  .skip-link:focus{top:0}

  /* ── HEADER ── */
  .site-header{background:linear-gradient(135deg,var(--green-900) 0%,var(--green-700) 100%);border-bottom:none;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-md)}
  .header-inner{max-width:960px;margin:0 auto;padding:12px 0px;display:flex;align-items:center;justify-content:space-between;gap:10px}
  .site-logo{display:flex;align-items:center;gap:10px;text-decoration:none}
  .logo-badge{width:44px;height:44px;background:var(--green-400);border-radius:var(--r12);display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;color:var(--green-900);flex-shrink:0;box-shadow:var(--shadow-sm)}
  .logo-text{font-size:1.4rem;font-weight:800;color:#fff;line-height:1}
  .logo-sub{display:block;font-size:.6rem;font-weight:600;color:var(--green-200);letter-spacing:2px;text-transform:uppercase;margin-top:2px}
  .nav-toggle{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);border-radius:var(--r8);padding:7px 11px;cursor:pointer;color:#fff;font-size:1.3rem;line-height:1}
  .site-nav{background:var(--green-900);border-top:1px solid rgba(255,255,255,.1);display:none;padding:8px 16px 12px}
  .site-nav.open{display:block}
  .site-nav ul{list-style:none;display:flex;flex-direction:column;gap:2px}
  .site-nav ul li a{display:block;color:var(--green-100);text-decoration:none;padding:10px 14px;border-radius:var(--r8);font-weight:600;font-size:.9rem;transition:background .15s,color .15s}
  .site-nav ul li a:hover,.site-nav ul li a[aria-current="page"]{background:var(--green-600);color:#fff}

  /* ── TICKER ── */
  .ticker-bar{background:var(--green-700);overflow:hidden;padding:8px 0}
  .ticker-track{display:flex;width:max-content;animation:scrolltick 55s linear infinite;white-space:nowrap}
  .ticker-track:hover{animation-play-state:paused}
  .ticker-track span{padding:0 28px;font-size:.82rem;font-weight:700;color:#fff}
  .ticker-track span b{color:var(--green-100);font-size:.95rem}
  .ticker-track span span {
    width: 9px;
    font-size: 12px;
    height: 9px;
    padding: 0;
}
  @keyframes scrolltick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
  .live-dot{display:inline-block;width:9px;height:9px;min-width:9px;min-height:9px;flex-shrink:0;background:#69f0ae;border-radius:50%;margin-right:6px;vertical-align:middle;align-self:center;line-height:1;animation:blink 1.5s ease-in-out infinite;box-shadow:0 0 6px #69f0ae}
  @keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}

  /* ── BREADCRUMB ── */
  .breadcrumb{max-width:960px;margin:0 auto;padding:10px 14px 0;font-size:.78rem;color:var(--text-500)}
  .breadcrumb a{color:var(--green-700);text-decoration:none}
  .breadcrumb a:hover{text-decoration:underline}
  .breadcrumb span[aria-current]{color:var(--text-700);font-weight:600}

  /* ── PAGE WRAPPER ── */
  .page-wrap{max-width:960px;margin:0 auto;padding:14px 8px}

  /* ── SECTION BAR ── */
  .sec-bar{background:var(--green-700);padding:11px 16px;margin-bottom:0;border-radius:var(--r12) var(--r12) 0 0}
  .sec-bar h2,.sec-bar h3{font-size:.88rem;font-weight:700;color:#fff;letter-spacing:1.2px;text-transform:uppercase}

  /* ── CARD ── */
  .card{background:var(--white);border:none;border-radius:var(--r12);margin-bottom:16px;overflow:hidden;box-shadow:var(--shadow-md)}
  .card-body{padding:16px}

  /* ── JODI CHART TABLE ── */
  .table-wrap{width:100%;overflow:visible}
  .jodi-table{width:100%;border-collapse:collapse;font-size:.76rem;table-layout:fixed}
  .jodi-table caption{font-size:.72rem;color:var(--text-300);text-align:left;padding:6px 14px;caption-side:bottom}
  .jodi-table th{background:var(--green-800);color:#fff;padding:9px 10px;text-align:center;font-weight:700;border:1px solid var(--green-700);white-space:nowrap;font-family:var(--font)}
  .jodi-table td{padding:7px 8px;text-align:center;border:1px solid var(--green-100);color:var(--text-900);white-space:nowrap;font-weight:700;    font-size: 20px}
  .jodi-table tr:nth-child(odd) td{background:var(--green-50)}
  .jodi-table tr:nth-child(even) td{background:#fff}
  .jodi-table td.td-date{color:var(--green-800);font-weight:700;font-size:.66rem;white-space:normal;line-height:1.4;padding:5px 4px;word-break:break-word}
  .jodi-table td.td-num{font-size:.88rem;font-weight:800;color:var(--green-900);letter-spacing:.5px;padding:6px 3px}
  .jodi-table td.td-miss{color:var(--text-300);font-weight:600;font-style:italic}
  .jodi-table tr.tr-year td{background:var(--green-900);color:#fff;font-weight:700;font-size:.78rem;text-align:center;letter-spacing:1px;padding:6px;text-transform:uppercase}

  /* ── TODAY BOX ── */
  .today-box{background:linear-gradient(145deg,var(--green-50),#fff);border:2px solid var(--green-400);border-radius:var(--r12);padding:18px 16px;margin-bottom:16px;box-shadow:var(--shadow-green)}
  .today-box .today-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-500);margin-bottom:4px}
  .today-box .today-date{font-size:.82rem;color:var(--text-700);margin-bottom:12px}
  .today-num-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}
  .today-chip{background:var(--green-700);color:#fff;border-radius:var(--r8);padding:10px 20px;font-size:1.8rem;font-weight:800;letter-spacing:2px;box-shadow:var(--shadow-sm);min-width:72px;text-align:center}
  .today-chip.hot{background:var(--green-900);box-shadow:var(--shadow-green)}
  .today-chip-label{font-size:.62rem;font-weight:600;text-align:center;color:var(--text-500);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}
  .chip-wrap{display:flex;flex-direction:column;align-items:center}
  .fix-badge{display:inline-flex;align-items:center;gap:6px;background:var(--green-100);border:1px solid var(--green-400);border-radius:20px;padding:5px 14px;font-size:.75rem;font-weight:700;color:var(--green-800)}
  .fix-badge .dot{width:8px;height:8px;background:var(--green-500);border-radius:50%;display:inline-block;animation:blink 1.5s ease-in-out infinite}

  /* ── STAT PILLS ── */
  .stat-row{display:flex;flex-wrap:wrap;gap:10px;padding:14px}
  .stat-pill{flex:1;min-width:110px;background:var(--green-50);border:1px solid var(--green-200);border-radius:var(--r8);padding:12px 10px;text-align:center}
  .stat-pill .stat-num{font-size:1.6rem;font-weight:800;color:var(--green-800);line-height:1.1}
  .stat-pill .stat-lbl{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-500);margin-top:4px}

  /* ── QUICK JODI GRID ── */
  .jodi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:12px}
  @media(min-width:461px){.jodi-grid{grid-template-columns:repeat(10,1fr)}}
  .jodi-cell{background:var(--green-50);border:1px solid var(--green-200);border-radius:var(--r8);padding:8px 4px;text-align:center;font-size:.88rem;font-weight:800;color:var(--green-800);transition:background .12s}
  .jodi-cell.hot{background:var(--green-700);color:#fff;border-color:var(--green-700)}
  .jodi-cell.warm{background:var(--green-100);border-color:var(--green-400)}

  /* ── HOT/COLD TABLE ── */
  .hc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px}
  .hc-card{background:var(--green-50);border:1px solid var(--green-200);border-radius:var(--r8);padding:12px}
  .hc-head{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--green-700);margin-bottom:10px;border-bottom:2px solid var(--green-200);padding-bottom:6px}
  .hc-list{display:flex;flex-wrap:wrap;gap:6px}
  .hc-num{background:var(--green-700);color:#fff;border-radius:var(--r4);padding:5px 12px;font-size:.9rem;font-weight:800;letter-spacing:1px}
  .hc-num.cold{background:#fff;color:var(--text-500);border:1px solid var(--green-200)}

  /* ── CONTENT ARTICLE ── */
  .content-article{padding:18px 16px}
  .content-article h1{font-size:1.45rem;font-weight:800;color:var(--green-900);margin-bottom:12px;padding-bottom:10px;border-bottom:3px solid var(--green-400);line-height:1.25}
  .content-article h2{font-size:1.2rem;font-weight:700;color:var(--green-800);margin:22px 0 10px;padding-left:12px;border-left:4px solid var(--green-500);line-height:1.3}
  .content-article h3{font-size:1rem;font-weight:700;color:var(--green-700);margin:16px 0 8px}
  .content-article p{color:var(--text-900);margin-bottom:12px;font-size:.93rem;line-height:1.8}
  .content-article ul,.content-article ol{padding-left:20px;margin-bottom:12px}
  .content-article ul li,.content-article ol li{color:var(--text-900);margin-bottom:6px;font-size:.91rem;line-height:1.75}
  .content-article ul li::marker{color:var(--green-500)}
  .content-article ol li::marker{color:var(--green-700);font-weight:700}
  .content-article strong{color:var(--green-900)}

  /* ── FAQ ── */
  .faq-list{display:flex;flex-direction:column;gap:8px}
  .faq-item{background:#fff;border:1px solid var(--green-200);border-radius:var(--r12);overflow:hidden;box-shadow:var(--shadow-sm)}
  .faq-question{width:100%;background:transparent;border:none;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;color:var(--text-900);font-family:var(--font);font-size:.9rem;font-weight:700;line-height:1.4;min-height:52px}
  .faq-question:hover{background:var(--green-50)}
  .faq-icon{width:26px;height:26px;background:var(--green-600);border-radius:var(--r50);display:flex;align-items:center;justify-content:center;font-size:.8rem;color:#fff;font-weight:700;flex-shrink:0;transition:transform .25s,background .25s}
  .faq-item.open .faq-question .faq-icon{transform:rotate(180deg);background:var(--green-900)}
  .faq-answer{display:none;padding:12px 16px 14px;font-size:.87rem;color:var(--text-700);line-height:1.8;border-top:1px solid var(--green-100)}
  .faq-item.open .faq-answer{display:block}
  .faq-answer strong{color:var(--green-900)}
  .faq-answer ul{padding-left:18px;margin:8px 0}
  .faq-answer ul li{margin-bottom:5px}
  .faq-answer ul li::marker{color:var(--green-500)}
  .faq-category{font-size:.78rem;color:var(--green-700);letter-spacing:2px;text-transform:uppercase;margin:16px 0 6px;font-weight:700}
  .faq-category:first-child{margin-top:0}

  /* ── DISCLAIMER ── */
  .disclaimer{background:rgba(46,125,50,.06);border:1px solid rgba(46,125,50,.2);border-radius:var(--r8);padding:12px 14px;font-size:.78rem;color:var(--text-500);margin-bottom:14px;line-height:1.65}
  .disclaimer strong{color:var(--green-700)}

  /* ── SIDE LINKS ── */
  .side-links{padding:8px 12px 12px;display:flex;flex-direction:column;gap:2px}
  .side-links a{display:flex;align-items:center;gap:10px;color:var(--text-700);text-decoration:none;padding:11px 10px;border-radius:var(--r8);font-size:1rem;font-weight:700;transition:background .15s,color .15s;min-height:46px;line-height:1.3}
  .side-links a::before{content:"▶";color:var(--green-500);font-size:.65rem;flex-shrink:0}
  .side-links a:hover{background:var(--green-50);color:var(--green-900)}

  /* ── HOT LINKS ── */
  .hot-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}
  .hot-links a{background:var(--green-700);border:none;border-radius:var(--r8);color:#fff;text-decoration:none;padding:12px 8px;font-size:.78rem;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;min-height:46px;box-shadow:var(--shadow-sm);transition:background .15s,box-shadow .15s}
  .hot-links a:hover{background:var(--green-900);box-shadow:var(--shadow-green)}

  /* ── TELEGRAM CTA ── */
  .tg-box{background:linear-gradient(135deg,var(--green-50),#fff);border:2px solid var(--green-400);border-radius:var(--r12);padding:20px;text-align:center;margin-bottom:16px;box-shadow:var(--shadow-sm)}
  .tg-box h3{font-size:1.05rem;font-weight:800;color:var(--green-900);margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}
  .tg-box p{font-size:.82rem;color:var(--text-500);margin-bottom:12px}
  .tg-btn{display:inline-flex;align-items:center;background:var(--green-700);color:#fff;text-decoration:none;padding:13px 30px;border-radius:var(--r50);font-size:.92rem;font-weight:700;letter-spacing:.5px;box-shadow:var(--shadow-green);min-height:48px}
  .tg-btn:hover{background:var(--green-900);color:#fff}

  /* ── FOOTER ── */
  .site-footer{background:var(--green-900);border-top:none;padding:28px 16px 20px}
  .footer-inner{max-width:960px;margin:0 auto}
  .footer-logo{font-size:1.5rem;font-weight:800;color:var(--green-200);letter-spacing:2px;margin-bottom:12px}
  .footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}
  .footer-col h3{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#a5d6a7;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.1)}
  .footer-col a{display:block;color:var(--green-200);text-decoration:none;font-size:.78rem;padding:3px 0;transition:color .15s}
  .footer-col a:hover{color:#fff}
  .footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:14px;font-size:.72rem;color:var(--green-200);text-align:center}

  /* ── LAYOUT ── */
  .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  @media(min-width:700px){
    .site-nav{display:block;border-top:none;padding:0}
    .site-nav ul{flex-direction:row;flex-wrap:wrap;gap:4px;padding:0;max-width: 960px;margin: 0 auto;}
    .site-nav ul li {padding: 5px 0;}
    .nav-toggle{display:none}
    .footer-grid{grid-template-columns:repeat(2,1fr)}
    .content-with-sidebar{display:grid;grid-template-columns:1fr 280px;gap:16px;align-items:start}
  }
  <style>
  
  :root{
    --green-900:#1b4332;--green-800:#1b5e20;--green-700:#2e7d32;
    --green-600:#388e3c;--green-500:#4caf50;--green-400:#66bb6a;
    --green-200:#a5d6a7;--green-100:#c8e6c9;--green-50:#e8f5e9;
    --white:#ffffff;--off-white:#f8fffe;
    --text-900:#0d1f0e;--text-700:#1a3c1b;--text-500:#3a6b3c;--text-300:#6a9b6c;
    --shadow-sm:0 1px 3px rgba(27,67,50,.10),0 1px 2px rgba(27,67,50,.06);
    --shadow-md:0 4px 16px rgba(27,67,50,.13),0 2px 6px rgba(27,67,50,.08);
    --shadow-green:0 4px 20px rgba(46,125,50,.30);
    --r4:4px;--r8:8px;--r12:12px;--r50:50px;
    --font:'Plus Jakarta Sans',sans-serif;
  }
  *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth;font-size:16px}
  body{background:var(--off-white);color:var(--text-900);font-family:var(--font);line-height:1.7;-webkit-text-size-adjust:100%;text-size-adjust:100%}
  img{max-width:100%;display:block}
  a{color:var(--green-700);text-underline-offset:3px}
  a:focus-visible,button:focus-visible{outline:3px solid var(--green-500);outline-offset:3px;border-radius:3px}

  /* SKIP LINK */
  .skip-link{position:absolute;top:-100%;left:0;background:var(--green-700);color:#fff;padding:10px 18px;font-weight:700;font-size:.95rem;z-index:9999;border-radius:0 0 var(--r8) 0;text-decoration:none}
  .skip-link:focus{top:0}

  /* ── HEADER ── */
  .site-header{background:linear-gradient(135deg,var(--green-900) 0%,var(--green-700) 100%);border-bottom:none;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-md)}
  .header-inner{max-width:960px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}
  .site-logo{display:flex;align-items:center;gap:10px;text-decoration:none}
  .logo-badge{width:44px;height:44px;background:var(--green-400);border-radius:var(--r12);display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;color:var(--green-900);flex-shrink:0;box-shadow:var(--shadow-sm)}
  .logo-text{font-size:1.4rem;font-weight:800;color:#fff;line-height:1}
  .logo-sub{display:block;font-size:.6rem;font-weight:600;color:var(--green-200);letter-spacing:2px;text-transform:uppercase;margin-top:2px}
  .nav-toggle{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);border-radius:var(--r8);padding:7px 11px;cursor:pointer;color:#fff;font-size:1.3rem;line-height:1}
  .site-nav{background:var(--green-900);border-top:1px solid rgba(255,255,255,.1);display:none;padding:8px 16px 12px}
  .site-nav.open{display:block}
  .site-nav ul{list-style:none;display:flex;flex-direction:column;gap:2px}
  .site-nav ul li a{display:block;color:var(--green-100);text-decoration:none;padding:10px 14px;border-radius:var(--r8);font-weight:600;font-size:.9rem;transition:background .15s,color .15s}
  .site-nav ul li a:hover,.site-nav ul li a[aria-current="page"]{background:var(--green-600);color:#fff}

  /* ── TICKER ── */
  .ticker-bar{background:var(--green-700);overflow:hidden;padding:8px 0}
  .ticker-track{display:flex;width:max-content;animation:scrolltick 55s linear infinite;white-space:nowrap}
  .ticker-track:hover{animation-play-state:paused}
  .ticker-track span{padding:0 28px;font-size:.82rem;font-weight:700;color:#fff}
  .ticker-track span b{color:var(--green-100);font-size:.95rem}
  @keyframes scrolltick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
  .live-dot{display:inline-block;width:9px;height:9px;min-width:9px;min-height:9px;flex-shrink:0;background:#69f0ae;border-radius:50%;margin-right:6px;vertical-align:middle;align-self:center;line-height:1;animation:blink 1.5s ease-in-out infinite;box-shadow:0 0 6px #69f0ae}
  @keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}

  /* ── BREADCRUMB ── */
  .breadcrumb{max-width:960px;margin:0 auto;padding:10px 14px 0;font-size:.78rem;color:var(--text-500)}
  .breadcrumb a{color:var(--green-700);text-decoration:none}
  .breadcrumb a:hover{text-decoration:underline}
  .breadcrumb span[aria-current]{color:var(--text-700);font-weight:600}

  /* ── PAGE WRAPPER ── */
  .page-wrap{max-width:960px;margin:0 auto;padding:14px 14px}

  /* ── SECTION BAR ── */
  .sec-bar{background:var(--green-700);padding:11px 16px;margin-bottom:0;border-radius:var(--r12) var(--r12) 0 0}
  .sec-bar h2,.sec-bar h3{font-size:.88rem;font-weight:700;color:#fff;letter-spacing:1.2px;text-transform:uppercase}

  /* ── CARD ── */
  .card{background:var(--white);border:none;border-radius:var(--r12);margin-bottom:16px;overflow:hidden;box-shadow:var(--shadow-md)}
  .card-body{padding:16px}

  /* ── JODI CHART TABLE ── */
  .table-wrap{width:100%;overflow:visible}
  .jodi-table{width:100%;border-collapse:collapse;font-size:.76rem;table-layout:fixed}
  .jodi-table caption{font-size:.72rem;color:var(--text-300);text-align:left;padding:6px 14px;caption-side:bottom}
  .jodi-table th{background:var(--green-800);color:#fff;padding:9px 10px;text-align:center;font-weight:700;border:1px solid var(--green-700);white-space:nowrap;font-family:var(--font)}
  .jodi-table tr:nth-child(odd) td{background:var(--green-50)}
  .jodi-table tr:nth-child(even) td{background:#fff}
  .jodi-table td.td-date{color:var(--green-800);font-weight:700;font-size:.66rem;white-space:normal;line-height:1.4;padding:5px 4px;word-break:break-word}
  .jodi-table td.td-num{font-size:.88rem;font-weight:800;color:var(--green-900);letter-spacing:.5px;padding:6px 3px}
  .jodi-table td.td-miss{color:var(--text-300);font-weight:600;font-style:italic}
  .jodi-table tr.tr-year td{background:var(--green-900);color:#fff;font-weight:700;font-size:.78rem;text-align:center;letter-spacing:1px;padding:6px;text-transform:uppercase}

  /* ── TODAY BOX ── */
  .today-box{background:linear-gradient(145deg,var(--green-50),#fff);border:2px solid var(--green-400);border-radius:var(--r12);padding:18px 16px;margin-bottom:16px;box-shadow:var(--shadow-green)}
  .today-box .today-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-500);margin-bottom:4px}
  .today-box .today-date{font-size:.82rem;color:var(--text-700);margin-bottom:12px}
  .today-num-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}
  .today-chip{background:var(--green-700);color:#fff;border-radius:var(--r8);padding:10px 20px;font-size:1.8rem;font-weight:800;letter-spacing:2px;box-shadow:var(--shadow-sm);min-width:72px;text-align:center}
  .today-chip.hot{background:var(--green-900);box-shadow:var(--shadow-green)}
  .today-chip-label{font-size:.62rem;font-weight:600;text-align:center;color:var(--text-500);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}
  .chip-wrap{display:flex;flex-direction:column;align-items:center}
  .fix-badge{display:inline-flex;align-items:center;gap:6px;background:var(--green-100);border:1px solid var(--green-400);border-radius:20px;padding:5px 14px;font-size:.75rem;font-weight:700;color:var(--green-800)}
  .fix-badge .dot{width:8px;height:8px;background:var(--green-500);border-radius:50%;display:inline-block;animation:blink 1.5s ease-in-out infinite}

  /* ── STAT PILLS ── */
  .stat-row{display:flex;flex-wrap:wrap;gap:10px;padding:14px}
  .stat-pill{flex:1;min-width:110px;background:var(--green-50);border:1px solid var(--green-200);border-radius:var(--r8);padding:12px 10px;text-align:center}
  .stat-pill .stat-num{font-size:1.6rem;font-weight:800;color:var(--green-800);line-height:1.1}
  .stat-pill .stat-lbl{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-500);margin-top:4px}

  /* ── QUICK JODI GRID ── */
  .jodi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:12px}
  @media(min-width:461px){.jodi-grid{grid-template-columns:repeat(10,1fr)}}
  .jodi-cell{background:var(--green-50);border:1px solid var(--green-200);border-radius:var(--r8);padding:8px 4px;text-align:center;font-size:.88rem;font-weight:800;color:var(--green-800);transition:background .12s}
  .jodi-cell.hot{background:var(--green-700);color:#fff;border-color:var(--green-700)}
  .jodi-cell.warm{background:var(--green-100);border-color:var(--green-400)}

  /* ── HOT/COLD TABLE ── */
  .hc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px}
  .hc-card{background:var(--green-50);border:1px solid var(--green-200);border-radius:var(--r8);padding:12px}
  .hc-head{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--green-700);margin-bottom:10px;border-bottom:2px solid var(--green-200);padding-bottom:6px}
  .hc-list{display:flex;flex-wrap:wrap;gap:6px}
  .hc-num{background:var(--green-700);color:#fff;border-radius:var(--r4);padding:5px 12px;font-size:.9rem;font-weight:800;letter-spacing:1px}
  .hc-num.cold{background:#fff;color:var(--text-500);border:1px solid var(--green-200)}

  /* ── CONTENT ARTICLE ── */
  .content-article{padding:18px 16px}
  .content-article h1{font-size:1.45rem;font-weight:800;color:var(--green-900);margin-bottom:12px;padding-bottom:10px;border-bottom:3px solid var(--green-400);line-height:1.25}
  .content-article h2{font-size:1.2rem;font-weight:700;color:var(--green-800);margin:22px 0 10px;padding-left:12px;border-left:4px solid var(--green-500);line-height:1.3}
  .content-article h3{font-size:1rem;font-weight:700;color:var(--green-700);margin:16px 0 8px}
  .content-article p{color:var(--text-900);margin-bottom:12px;font-size:.93rem;line-height:1.8}
  .content-article ul,.content-article ol{padding-left:20px;margin-bottom:12px}
  .content-article ul li,.content-article ol li{color:var(--text-900);margin-bottom:6px;font-size:.91rem;line-height:1.75}
  .content-article ul li::marker{color:var(--green-500)}
  .content-article ol li::marker{color:var(--green-700);font-weight:700}
  .content-article strong{color:var(--green-900)}

  /* ── FAQ ── */
  .faq-list{display:flex;flex-direction:column;gap:8px}
  .faq-item{background:#fff;border:1px solid var(--green-200);border-radius:var(--r12);overflow:hidden;box-shadow:var(--shadow-sm)}
  .faq-question{width:100%;background:transparent;border:none;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;color:var(--text-900);font-family:var(--font);font-size:.9rem;font-weight:700;line-height:1.4;min-height:52px}
  .faq-question:hover{background:var(--green-50)}
  .faq-icon{width:26px;height:26px;background:var(--green-600);border-radius:var(--r50);display:flex;align-items:center;justify-content:center;font-size:.8rem;color:#fff;font-weight:700;flex-shrink:0;transition:transform .25s,background .25s}
  .faq-item.open .faq-question .faq-icon{transform:rotate(180deg);background:var(--green-900)}
  .faq-answer{display:none;padding:12px 16px 14px;font-size:.87rem;color:var(--text-700);line-height:1.8;border-top:1px solid var(--green-100)}
  .faq-item.open .faq-answer{display:block}
  .faq-answer strong{color:var(--green-900)}
  .faq-answer ul{padding-left:18px;margin:8px 0}
  .faq-answer ul li{margin-bottom:5px}
  .faq-answer ul li::marker{color:var(--green-500)}
  .faq-category{font-size:.78rem;color:var(--green-700);letter-spacing:2px;text-transform:uppercase;margin:16px 0 6px;font-weight:700}
  .faq-category:first-child{margin-top:0}

  /* ── DISCLAIMER ── */
  .disclaimer{background:rgba(46,125,50,.06);border:1px solid rgba(46,125,50,.2);border-radius:var(--r8);padding:12px 14px;font-size:.78rem;color:var(--text-500);margin-bottom:14px;line-height:1.65}
  .disclaimer strong{color:var(--green-700)}

  /* ── SIDE LINKS ── */
  .side-links{padding:8px 12px 12px;display:flex;flex-direction:column;gap:2px}
  .side-links a{display:flex;align-items:center;gap:10px;color:var(--text-700);text-decoration:none;padding:11px 10px;border-radius:var(--r8);font-size:1rem;font-weight:700;transition:background .15s,color .15s;min-height:46px;line-height:1.3}
  .side-links a::before{content:"▶";color:var(--green-500);font-size:.65rem;flex-shrink:0}
  .side-links a:hover{background:var(--green-50);color:var(--green-900)}

  /* ── HOT LINKS ── */
  .hot-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}
  .hot-links a{background:var(--green-700);border:none;border-radius:var(--r8);color:#fff;text-decoration:none;padding:12px 8px;font-size:.78rem;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;min-height:46px;box-shadow:var(--shadow-sm);transition:background .15s,box-shadow .15s}
  .hot-links a:hover{background:var(--green-900);box-shadow:var(--shadow-green)}

  /* ── TELEGRAM CTA ── */
  .tg-box{background:linear-gradient(135deg,var(--green-50),#fff);border:2px solid var(--green-400);border-radius:var(--r12);padding:20px;text-align:center;margin-bottom:16px;box-shadow:var(--shadow-sm)}
  .tg-box h3{font-size:1.05rem;font-weight:800;color:var(--green-900);margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}
  .tg-box p{font-size:.82rem;color:var(--text-500);margin-bottom:12px}
  .tg-btn{display:inline-flex;align-items:center;background:var(--green-700);color:#fff;text-decoration:none;padding:13px 30px;border-radius:var(--r50);font-size:.92rem;font-weight:700;letter-spacing:.5px;box-shadow:var(--shadow-green);min-height:48px}
  .tg-btn:hover{background:var(--green-900);color:#fff}

  /* ── FOOTER ── */
  .site-footer{background:var(--green-900);border-top:none;padding:28px 16px 20px}
  .footer-inner{max-width:960px;margin:0 auto}
  .footer-logo{font-size:1.5rem;font-weight:800;color:var(--green-200);letter-spacing:2px;margin-bottom:12px}
  .footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}
  .footer-col h3{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#a5d6a7;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.1)}
  .footer-col a{display:block;color:var(--green-200);text-decoration:none;font-size:.78rem;padding:3px 0;transition:color .15s}
  .footer-col a:hover{color:#fff}
  .footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:14px;font-size:.72rem;color:var(--green-200);text-align:center}

  /* ── LAYOUT ── */
  .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  @media(min-width:700px){
    .site-nav{display:block;border-top:none;padding:0}
    .site-nav ul{flex-direction:row;flex-wrap:wrap;gap:4px;padding:0}
    .nav-toggle{display:none}
    .footer-grid{grid-template-columns:repeat(2,1fr)}
    .content-with-sidebar{display:grid;grid-template-columns:1fr;gap:16px;align-items:start}
    .header-inner { padding: 12px 0px;}
  }
  .jodi-table td.chart_date {
    width: 92px;
    display: inline-block;
    padding: 5px;
    font-size: 12px;
    line-height: 14px;
}

.jodi-table thead tr th:first-child {
    width: 92px;
    padding: 5px;
    font-size: 10px;
}
.updated-chart {
    display: block;
    width: 245px;
    align-items: center;
    background: var(--green-800);
    color: white;
    padding: 8px 16px 8px 20px;
    border-radius: 20px;
    font-weight: bold;
    animation: pulse 2s infinite;
    margin: 10px auto;
    text-align: center;
}
.updated-chart::before {
    content: '';
    width: 10px;
    height: 10px;
    background: #03fa0d;
    border-radius: 50%;
    margin-right: 8px;
    animation: blink 1s infinite;
    position: absolute;
    left: 14px;
    top: 18px;
}
@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}

@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.3; }
}

:root {
  --g900: #1b4332;
  --g800: #1b5e20;
  --g700: #2e7d32;
  --g600: #388e3c;
  --g500: #4caf50;
  --g400: #66bb6a;
  --g200: #a5d6a7;
  --g100: #c8e6c9;
  --g50:  #e8f5e9; 
}
.page-result {
    margin-bottom: 15px;
}
.page-result .card {
  background: var(--g900);
  border-radius: 16px;
  overflow: hidden;
  max-width: 480px;
  margin: 0 auto;
  border: 1px solid var(--g700);
}

.page-result .card-header {
  background: var(--g800);
  padding: 10px 18px;
  display: flex;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid var(--g700);
}

.page-result .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--g400);
  flex-shrink: 0;
}

.page-result .header-label {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.12em;
  color: var(--g200);
  text-transform: uppercase;
}

.page-result .card-body { padding: 20px 18px 16px; }

.page-result .game-name {
  font-size: 22px;
  font-weight: 500;
  color: var(--off-white);
  letter-spacing: 0.04em;
  margin-bottom: 12px;
}

.page-result .result-badge {
  display: inline-block;
  background: var(--g700);
  border: 1px solid var(--g500);
  border-radius: 8px;
  padding: 8px 18px;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.18em;
  color: var(--g50);
  margin-bottom: 18px;
}

.page-result .result-parts {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 16px;
}

.page-result .part {
  background: var(--g800);
  border: 1px solid var(--g600);
  border-radius: 8px;
  padding: 6px 14px;
  text-align: center;
}

.page-result .part-label {
  font-size: 10px;
  color: var(--g400);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 2px;
}

.page-result .part-value {
  font-size: 17px;
  font-weight: 500;
  color: var(--white);
  letter-spacing: 0.1em;
}

.page-result .sep {
  color: var(--g500);
  font-size: 18px;
  font-weight: 500;
  padding: 0 2px;
}

.page-result .divider {
  border: none;
  border-top: 1px solid var(--g700);
  margin: 14px 0;
}

.page-result .time-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
}

.page-result .time-icon {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1.5px solid var(--g400);
  position: relative;
  flex-shrink: 0;
}

.page-result .time-icon::after {
  content: '';
  position: absolute;
  width: 1.5px;
  height: 5px;
  background: var(--g400);
  top: 2px;
  left: 4.5px;
}

.page-result .time-icon::before {
  content: '';
  position: absolute;
  width: 3px;
  height: 1.5px;
  background: var(--g400);
  top: 6px;
  left: 4.5px;
}

.page-result .time-label { font-size: 12px; color: var(--g200); }
.page-result .time-sep   { font-size: 12px; color: var(--g500); }

.page-result .chart-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--g600);
  border: none;
  border-radius: 8px;
  padding: 10px 0;
  text-decoration: none;
  cursor: pointer;
  width: 100%;
  transition: background 0.15s;
}

.page-result .chart-link:hover { background: var(--g500); }

.page-result .chart-link-text {
  font-size: 13px;
  font-weight: 500;
  color: var(--g50);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.page-result .arrow {
  width: 14px;
  height: 14px;
  border-top: 2px solid var(--g100);
  border-right: 2px solid var(--g100);
  transform: rotate(45deg);
  flex-shrink: 0;
}

.page-result .no-data {
  padding: 16px 18px;
  color: var(--g200);
  font-size: 14px;
}
.jodi-table td.r {
    color: #910d03;
}
.new-jodi-chart.full-week .jodi-table th {
    padding: 0;
}

.new-jodi-chart.full-week .jodi-table td {
    font-size: 17px;
    padding: 0;
}

.new-jodi-chart.full-week .jodi-table td.chart_date {
    font-size: 12px;
    padding: 5px 0;
}


/* ── Archive facts line (visible counterpart of the Dataset schema) ── */
.sm-archive-facts{
  margin:10px 0 14px;
  padding:10px 13px;
  font-size:13.5px;
  line-height:1.65;
  color:var(--text-mid,#1b4332);
  background:rgba(27,94,32,.05);
  border-left:3px solid var(--green-800,#1b5e20);
  border-radius:6px;
}
.sm-archive-facts strong{font-weight:700;color:var(--text-dark,#0d2211)}
.sm-archive-facts time{white-space:nowrap}
@media (max-width:600px){
  .sm-archive-facts{font-size:12.5px;padding:9px 11px}
}