/* Deferred styles — below-the-fold components */
/* ---------- steps ---------- */
.steps{counter-reset:st;display:grid;gap:16px}
.step{background:#fff;border-radius:12px;box-shadow:var(--shadow);padding:20px 20px 20px 66px;position:relative}
.step::before{counter-increment:st;content:counter(st);position:absolute;left:16px;top:18px;width:36px;height:36px;border-radius:50%;background:var(--gold);color:var(--teal-deep);font-weight:900;display:flex;align-items:center;justify-content:center;font-size:1.05rem}
.step h3{margin-bottom:4px}
.step p{color:var(--muted);margin:0;font-size:.95rem}
/* ---------- odds-style tables (cricbet99.ac motif) ---------- */
.tbl-wrap{overflow-x:auto;border-radius:12px;box-shadow:var(--shadow)}
table.tbl{width:100%;border-collapse:collapse;background:#fff;min-width:560px;font-size:.93rem}
.tbl th{background:var(--teal);color:#fff;padding:11px 12px;text-align:left;font-weight:700}
.tbl td{padding:10px 12px;border-bottom:1px solid var(--line)}
.tbl tr:nth-child(even) td{background:#f7fafc}
.tbl td.back{background:var(--back-blue-lt);font-weight:700;text-align:center}
.tbl td.lay{background:var(--lay-pink-lt);font-weight:700;text-align:center}
.tbl td .yes{color:var(--green);font-weight:700}
.tbl td .no{color:var(--alert);font-weight:700}
/* ---------- faq ---------- */
.faqs{max-width:820px;margin:0 auto;display:grid;gap:10px}
.faq{background:#fff;border-radius:10px;box-shadow:var(--shadow);overflow:hidden}
.faq summary{cursor:pointer;font-weight:700;padding:15px 44px 15px 18px;list-style:none;position:relative;color:var(--teal-dark)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:1.4rem;color:var(--gold);font-weight:800}
.faq[open] summary::after{content:"−"}
.faq-a{padding:0 18px 15px;color:var(--muted);font-size:.95rem}
.faq-a p{margin:0}
/* ---------- cta band ---------- */
.cta-band{background:linear-gradient(120deg,var(--teal-dark),var(--teal));border-radius:16px;color:#fff;padding:34px 26px;text-align:center;position:relative;overflow:hidden}
.cta-band::before{content:"";position:absolute;left:-60px;bottom:-80px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(250,180,24,.25),transparent 70%)}
.cta-band h2{color:#fff}
.cta-band p{color:#d8ece7;max-width:640px;margin:0 auto 18px}
/* ---------- article / guide ---------- */
.article{background:#fff;border-radius:14px;box-shadow:var(--shadow);padding:26px;max-width:860px;margin:0 auto}
.article h2{color:var(--teal-dark);margin-top:1.4em;padding-bottom:6px;border-bottom:2px solid var(--line)}
.article h3{color:var(--bronze);margin-top:1.2em}
.article ul,.article ol{padding-left:22px;color:#333}
.article li{margin-bottom:6px}
.article img{border-radius:10px;margin:14px auto}
.article .note{background:var(--back-blue-lt);border-left:4px solid var(--back-blue);padding:12px 16px;border-radius:8px;font-size:.94rem;margin:16px 0}
.article .warn{background:var(--lay-pink-lt);border-left:4px solid var(--alert);padding:12px 16px;border-radius:8px;font-size:.94rem;margin:16px 0}
.meta-line{color:var(--muted);font-size:.85rem;margin-bottom:14px}
/* ---------- stat tiles ---------- */
.stats{display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}
.stat{background:#fff;border-radius:12px;box-shadow:var(--shadow);padding:18px;text-align:center;border-bottom:4px solid var(--gold)}
.stat b{display:block;font-size:1.5rem;color:var(--teal-dark)}
.stat span{color:var(--muted);font-size:.85rem}
/* ---------- hindi block ---------- */
.hindi-block{background:#fff;border:2px dashed var(--gold);border-radius:14px;padding:22px}
.hindi-block h2,.hindi-block h3{color:var(--bronze)}
/* ---------- footer ---------- */
.site-foot{background:var(--teal-deep);color:#cfe3de;margin-top:50px;font-size:.92rem}
.foot-cta{background:var(--teal);padding:26px 0;text-align:center}
.foot-cta h2{color:#fff;font-size:1.3rem;margin-bottom:12px}
.foot-grid{display:grid;gap:26px;padding:36px 0;grid-template-columns:1fr}
.foot-col h3{color:var(--gold);font-size:1rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}
.foot-col ul{list-style:none;margin:0;padding:0}
.foot-col li{margin-bottom:8px}
.foot-col a{color:#cfe3de;text-decoration:none}
.foot-col a:hover{color:var(--gold-light)}
.foot-brand p{max-width:280px}
.foot-bottom{border-top:1px solid rgba(255,255,255,.12);padding:16px 0;text-align:center;font-size:.82rem;color:#9dbcb4}
.foot-bottom a{color:var(--gold-light);text-decoration:none}
.badge-18{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:2px solid var(--alert);color:#ff8f9d;font-weight:900;font-size:.8rem;margin-bottom:8px}
@media(min-width:760px){.foot-grid{grid-template-columns:1.2fr 1fr 1fr 1fr}.stats{grid-template-columns:repeat(4,1fr)}}
/* ---------- misc ---------- */
.center{text-align:center}
.mt0{margin-top:0}.mb0{margin-bottom:0}
.pill{display:inline-block;background:var(--gold);color:var(--teal-deep);font-weight:800;font-size:.78rem;border-radius:999px;padding:4px 12px;letter-spacing:.5px;text-transform:uppercase;margin-bottom:10px}
.img-duo{display:grid;gap:16px}
@media(min-width:700px){.img-duo{grid-template-columns:1fr 1fr}}