/* ==========================================================================
   Cricket Satta — world-class theme stylesheet
   Mobile-first (audience ~93% mobile). Light + dark mode. Component library
   for reviews, ratings, calculators, comparison, author E-E-A-T boxes, etc.
   ========================================================================== */

:root{
  --cs-green:#0b8457;
  --cs-green-dark:#076c47;
  --cs-green-soft:#eaf6f0;
  --cs-accent:#ffb703;
  --cs-accent-dark:#e29400;
  --cs-ink:#0f1c24;
  --cs-body:#33444f;
  --cs-muted:#6b7c87;
  --cs-line:#e4e9ed;
  --cs-bg:#f4f7f9;
  --cs-card:#ffffff;
  --cs-card-2:#fafcfd;
  --cs-danger:#d7263d;
  --cs-blue:#1769ff;
  --cs-gold:#f5a623;
  --cs-radius:16px;
  --cs-radius-sm:10px;
  --cs-shadow:0 6px 22px rgba(15,28,36,.08);
  --cs-shadow-lg:0 18px 48px rgba(15,28,36,.16);
  --cs-max:1200px;
  --cs-font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans Devanagari',sans-serif;
  --cs-surface-dark:#0f1c24;
  --cs-surface-dark-text:#cfdae1;
  --cs-surface-dark-line:#33454f;
}

[data-theme="dark"]{
  --cs-ink:#f3f7fa;
  --cs-body:#c4d0d8;
  --cs-muted:#8aa0ad;
  --cs-line:#243640;
  --cs-bg:#0c161c;
  --cs-card:#13222b;
  --cs-card-2:#0f1c24;
  --cs-green-soft:#10322a;
  --cs-shadow:0 6px 22px rgba(0,0,0,.4);
  --cs-shadow-lg:0 18px 48px rgba(0,0,0,.55);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;font-family:var(--cs-font);color:var(--cs-body);background:var(--cs-bg);
  line-height:1.65;font-size:16px;-webkit-font-smoothing:antialiased;transition:background .2s,color .2s}
img{max-width:100%;height:auto;display:block}
a{color:var(--cs-green);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{color:var(--cs-ink);line-height:1.25;font-weight:800;margin:1.5rem 0 .7rem;scroll-margin-top:80px}
h1{font-size:1.8rem;letter-spacing:-.02em}
h2{font-size:1.45rem;letter-spacing:-.01em}
h3{font-size:1.18rem}
p,ul,ol,table{margin:0 0 1rem}
.cs-container{width:100%;max-width:var(--cs-max);margin:0 auto;padding:0 16px}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden}

/* ---------- Reading progress ---------- */
.cs-progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--cs-accent),var(--cs-green));z-index:120;transition:width .1s}

/* ---------- Top trust bar ---------- */
.cs-topbar{background:var(--cs-surface-dark);color:var(--cs-surface-dark-text);font-size:.78rem}
.cs-topbar .cs-container{display:flex;align-items:center;gap:14px;padding:7px 16px;flex-wrap:wrap}
.cs-topbar strong{color:var(--cs-accent)}
.cs-topbar__spacer{margin-left:auto}
.cs-theme-toggle{background:transparent;border:1px solid #33454f;color:#cfdae1;border-radius:999px;
  padding:3px 12px;cursor:pointer;font-size:.76rem}

/* ---------- Header ---------- */
.cs-header{background:var(--cs-card);border-bottom:1px solid var(--cs-line);position:sticky;top:0;z-index:90;
  box-shadow:0 1px 0 rgba(0,0,0,.02)}
.cs-header__row{display:flex;align-items:center;gap:12px;padding:12px 0}
.cs-logo{display:flex;align-items:center;gap:8px;font-weight:900;font-size:1.3rem;color:var(--cs-ink)}
.cs-logo:hover{text-decoration:none}
.cs-logo .bat{color:var(--cs-green)}
.cs-logo .accent{color:var(--cs-accent)}
.cs-header__actions{margin-left:auto;display:flex;align-items:center;gap:8px}
.cs-search-btn,.cs-nav-toggle{background:var(--cs-green-soft);color:var(--cs-green-dark);border:0;border-radius:10px;
  padding:9px 12px;font-size:1rem;cursor:pointer;font-weight:700}
.cs-nav-toggle{background:var(--cs-green);color:#fff}
.cs-nav{display:none;width:100%;border-top:1px solid var(--cs-line);margin-top:8px}
.cs-nav.is-open{display:block}
.cs-nav ul{list-style:none;margin:0;padding:6px 0}
.cs-nav li{border-bottom:1px solid var(--cs-line)}
.cs-nav a{display:block;padding:12px 4px;color:var(--cs-ink);font-weight:600}
.cs-nav .current-menu-item>a{color:var(--cs-green)}
.cs-nav .sub-menu{padding-left:14px}

/* search drawer */
.cs-searchdrawer{display:none;padding:14px 0;border-top:1px solid var(--cs-line);background:var(--cs-card)}
.cs-searchdrawer.is-open{display:block}

/* ---------- Buttons ---------- */
.cs-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--cs-accent);
  color:#1c1500;font-weight:800;padding:13px 22px;border-radius:12px;border:0;cursor:pointer;text-align:center;
  transition:.15s;font-size:1rem;line-height:1.1}
.cs-btn:hover{background:var(--cs-accent-dark);text-decoration:none;transform:translateY(-1px);box-shadow:var(--cs-shadow)}
.cs-btn--green{background:var(--cs-green);color:#fff}
.cs-btn--green:hover{background:var(--cs-green-dark)}
.cs-btn--ghost{background:transparent;border:1.5px solid var(--cs-line);color:var(--cs-ink)}
.cs-btn--ghost:hover{background:var(--cs-card-2);box-shadow:none}
.cs-btn--block{display:flex;width:100%}
.cs-btn--sm{padding:8px 14px;font-size:.88rem;border-radius:9px}
.cs-btn--lg{padding:16px 28px;font-size:1.1rem}

/* ---------- Hero ---------- */
.cs-hero{position:relative;background:radial-gradient(1200px 400px at 80% -10%,rgba(255,183,3,.25),transparent),
  linear-gradient(135deg,#0b8457,#065038);color:#eafff5;padding:40px 0 46px;overflow:hidden}
.cs-hero::after{content:"";position:absolute;right:-60px;bottom:-60px;width:240px;height:240px;border-radius:50%;
  background:rgba(255,255,255,.06)}
.cs-hero h1{color:#fff;font-size:2rem;margin-top:0}
.cs-hero p{color:#d6f4e7;font-size:1.08rem;max-width:680px}
.cs-hero__cta{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.cs-hero__badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.cs-hero__badges span{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);
  padding:7px 13px;border-radius:999px;font-size:.82rem;backdrop-filter:blur(4px)}
.cs-hero__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px;max-width:520px}
.cs-hero__stat{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:12px;text-align:center}
.cs-hero__stat b{display:block;font-size:1.5rem;color:#fff}
.cs-hero__stat small{font-size:.74rem;color:#cdeede}

/* ---------- Layout ---------- */
.cs-section{padding:26px 0}
.cs-section__head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.cs-section__head h2{margin:0}
.cs-section__head a{margin-left:auto;font-size:.9rem;font-weight:700}
.cs-layout{display:block;padding:24px 0}
.cs-main{min-width:0}
.cs-sidebar{margin-top:28px}

/* ---------- Cards ---------- */
.cs-card{background:var(--cs-card);border:1px solid var(--cs-line);border-radius:var(--cs-radius);
  box-shadow:var(--cs-shadow);padding:20px;margin-bottom:18px}
.cs-article{background:var(--cs-card);border:1px solid var(--cs-line);border-radius:var(--cs-radius);
  box-shadow:var(--cs-shadow);padding:22px}
.cs-article img{border-radius:12px;margin:1rem 0}
.cs-article ul,.cs-article ol{padding-left:1.25rem}
.cs-article li{margin-bottom:.45rem}
.cs-content :is(h2,h3){scroll-margin-top:84px}

/* ---------- Meta / byline ---------- */
.cs-meta{color:var(--cs-muted);font-size:.85rem;margin:.4rem 0 .8rem;display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.cs-byline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid var(--cs-line);
  border-bottom:1px solid var(--cs-line);padding:12px 0;margin:.6rem 0 1.2rem}
.cs-byline img{width:40px;height:40px;border-radius:50%;border:2px solid var(--cs-green-soft)}
.cs-byline .who{font-size:.86rem;line-height:1.3}
.cs-byline .who b{color:var(--cs-ink)}
.cs-byline .who a{font-weight:700}
.cs-byline .checked{margin-left:auto;font-size:.8rem;color:var(--cs-muted);display:flex;align-items:center;gap:6px}
.cs-verifybadge{display:inline-flex;align-items:center;gap:6px;background:var(--cs-green-soft);color:var(--cs-green-dark);
  font-weight:700;font-size:.76rem;padding:4px 10px;border-radius:999px}

/* ---------- Post grid ---------- */
.cs-grid{display:grid;grid-template-columns:1fr;gap:16px}
.cs-postcard{background:var(--cs-card);border:1px solid var(--cs-line);border-radius:var(--cs-radius);
  overflow:hidden;box-shadow:var(--cs-shadow);transition:.18s;display:flex;flex-direction:column}
.cs-postcard:hover{box-shadow:var(--cs-shadow-lg);transform:translateY(-3px)}
.cs-postcard__thumb{aspect-ratio:16/9;background:var(--cs-green-soft);overflow:hidden}
.cs-postcard__thumb img{width:100%;height:100%;object-fit:cover}
.cs-postcard__body{padding:16px;display:flex;flex-direction:column;flex:1}
.cs-postcard__cat{display:inline-block;background:var(--cs-green-soft);color:var(--cs-green-dark);font-size:.7rem;
  font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:3px 9px;border-radius:999px;margin-bottom:8px;align-self:flex-start}
.cs-postcard h2,.cs-postcard h3{margin:.2rem 0 .5rem;font-size:1.08rem}
.cs-postcard p{color:var(--cs-body);font-size:.92rem;margin-bottom:.8rem}
.cs-postcard .cs-btn{margin-top:auto}

/* ---------- Tables ---------- */
.cs-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1rem 0;border:1px solid var(--cs-line);border-radius:var(--cs-radius)}
.cs-table{width:100%;border-collapse:collapse;min-width:620px;background:var(--cs-card);font-size:.92rem}
.cs-table th,.cs-table td{padding:13px;border-bottom:1px solid var(--cs-line);text-align:left;vertical-align:middle}
.cs-table thead th{background:var(--cs-surface-dark);color:#fff;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em}
.cs-table tbody tr:nth-child(even){background:var(--cs-card-2)}
.cs-rank{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;
  background:var(--cs-accent);color:#1c1500;font-weight:800;font-size:.82rem}
.cs-rank--1{background:linear-gradient(135deg,#ffd700,#f5a623)}
.cs-rank--2{background:linear-gradient(135deg,#cfd8dc,#9aa7ad)}
.cs-rank--3{background:linear-gradient(135deg,#e0a878,#c17f4a)}

/* ---------- Toplist (rich rows) ---------- */
.cs-toplist{display:flex;flex-direction:column;gap:14px;margin:1.2rem 0}
.cs-toprow{position:relative;background:var(--cs-card);border:1px solid var(--cs-line);border-radius:var(--cs-radius);
  box-shadow:var(--cs-shadow);padding:16px;display:grid;grid-template-columns:1fr;gap:12px;transition:.18s}
.cs-toprow:hover{box-shadow:var(--cs-shadow-lg)}
.cs-toprow--top{border-color:var(--cs-accent);box-shadow:0 0 0 2px rgba(255,183,3,.25),var(--cs-shadow)}
.cs-toprow__ribbon{position:absolute;top:-10px;left:16px;background:var(--cs-accent);color:#1c1500;font-weight:800;
  font-size:.7rem;padding:3px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}
.cs-toprow__brand{display:flex;align-items:center;gap:12px}
.cs-toprow__logo{width:64px;height:64px;border-radius:12px;background:var(--cs-green-soft);object-fit:contain;flex:0 0 auto}
.cs-toprow__name{font-weight:800;color:var(--cs-ink);font-size:1.1rem}
.cs-toprow__bonus{font-size:.92rem;color:var(--cs-body)}
.cs-toprow__bonus b{color:var(--cs-ink)}

/* ---------- Rating / score ---------- */
.cs-score{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;background:var(--cs-green);
  color:#fff;font-weight:800;border-radius:12px;padding:8px 12px;min-width:62px;text-align:center;line-height:1.1}
.cs-score small{font-size:.62rem;font-weight:600;opacity:.85;text-transform:uppercase}
.cs-score--lg{font-size:1.6rem;padding:14px 18px;min-width:84px}
.cs-stars{color:var(--cs-accent);letter-spacing:2px;font-size:1.05rem}
.cs-ratingbars{display:flex;flex-direction:column;gap:8px;margin:1rem 0}
.cs-ratingbar{display:grid;grid-template-columns:130px 1fr 38px;align-items:center;gap:10px;font-size:.86rem}
.cs-ratingbar .track{height:8px;background:var(--cs-line);border-radius:999px;overflow:hidden}
.cs-ratingbar .fill{height:100%;background:linear-gradient(90deg,var(--cs-green),var(--cs-accent));border-radius:999px}
.cs-ratingbar b{text-align:right;color:var(--cs-ink)}

/* ---------- Pros / cons ---------- */
.cs-proscons{display:grid;grid-template-columns:1fr;gap:12px;margin:1rem 0}
.cs-pros,.cs-cons{border-radius:14px;padding:14px}
.cs-pros{background:var(--cs-green-soft);border:1px solid rgba(11,132,87,.25)}
.cs-cons{background:rgba(215,38,61,.07);border:1px solid rgba(215,38,61,.2)}
.cs-pros h4,.cs-cons h4{margin:.1rem 0 .5rem;font-size:.98rem;display:flex;align-items:center;gap:8px}
.cs-pros ul,.cs-cons ul{margin:0;padding-left:1.15rem;font-size:.92rem}
.cs-pros li{margin-bottom:.3rem}.cs-cons li{margin-bottom:.3rem}

/* ---------- Bonus / coupon ---------- */
.cs-bonus{display:flex;flex-direction:column;gap:10px;background:linear-gradient(135deg,var(--cs-card),rgba(255,183,3,.1));
  border:1px solid rgba(255,183,3,.5);border-left:5px solid var(--cs-accent);border-radius:var(--cs-radius);
  padding:18px;margin:1rem 0;box-shadow:var(--cs-shadow)}
.cs-bonus__amt{font-size:1.45rem;font-weight:900;color:var(--cs-ink)}
.cs-coupon{display:flex;align-items:stretch;border:2px dashed var(--cs-green);border-radius:12px;overflow:hidden;max-width:360px}
.cs-coupon__code{flex:1;font-family:monospace;font-weight:800;letter-spacing:1px;color:var(--cs-ink);
  background:var(--cs-green-soft);display:flex;align-items:center;justify-content:center;padding:12px;font-size:1.05rem}
.cs-coupon__btn{background:var(--cs-green);color:#fff;border:0;padding:0 18px;font-weight:800;cursor:pointer;font-size:.85rem}
.cs-coupon__btn:hover{background:var(--cs-green-dark)}

/* ---------- Callouts ---------- */
.cs-note{border-left:4px solid var(--cs-green);background:var(--cs-green-soft);padding:13px 15px;border-radius:0 12px 12px 0;margin:1rem 0}
.cs-warn{border-left:4px solid var(--cs-danger);background:rgba(215,38,61,.07);padding:13px 15px;border-radius:0 12px 12px 0;margin:1rem 0}
.cs-warn strong{color:var(--cs-danger)}
.cs-keytakeaways{background:var(--cs-card-2);border:1px solid var(--cs-line);border-radius:14px;padding:16px 18px;margin:1rem 0}
.cs-keytakeaways h4{margin:0 0 .5rem}

/* ---------- TOC ---------- */
.cs-toc{background:var(--cs-card-2);border:1px solid var(--cs-line);border-radius:14px;padding:14px 18px;margin:1.2rem 0}
.cs-toc strong{display:flex;align-items:center;gap:8px;margin-bottom:.5rem;color:var(--cs-ink);cursor:pointer}
.cs-toc ol{margin:0;padding-left:1.2rem;font-size:.93rem;columns:1}
.cs-toc li{margin-bottom:.3rem}

/* ---------- FAQ ---------- */
.cs-faq details{border:1px solid var(--cs-line);border-radius:12px;padding:2px 16px;margin-bottom:10px;background:var(--cs-card)}
.cs-faq summary{cursor:pointer;font-weight:700;color:var(--cs-ink);padding:13px 0;list-style:none;display:flex;align-items:center}
.cs-faq summary::-webkit-details-marker{display:none}
.cs-faq summary::after{content:"+";margin-left:auto;color:var(--cs-green);font-weight:800;font-size:1.2rem}
.cs-faq details[open] summary::after{content:"\2013"}

/* ---------- Tabs ---------- */
.cs-tabs{margin:1rem 0}
.cs-tabs__nav{display:flex;gap:6px;flex-wrap:wrap;border-bottom:2px solid var(--cs-line);margin-bottom:14px}
.cs-tabs__btn{background:transparent;border:0;border-bottom:3px solid transparent;margin-bottom:-2px;padding:10px 14px;
  font-weight:700;color:var(--cs-muted);cursor:pointer;font-size:.92rem}
.cs-tabs__btn.is-active{color:var(--cs-green);border-bottom-color:var(--cs-green)}
.cs-tabs__panel{display:none}
.cs-tabs__panel.is-active{display:block}

/* ---------- Breadcrumbs ---------- */
.cs-crumbs{font-size:.82rem;color:var(--cs-muted);padding:12px 0}
.cs-crumbs a{color:var(--cs-muted)}
.cs-crumbs span{color:var(--cs-ink)}

/* ---------- Author / E-E-A-T box ---------- */
.cs-authorbox{display:grid;grid-template-columns:84px 1fr;gap:16px;background:var(--cs-card);border:1px solid var(--cs-line);
  border-radius:var(--cs-radius);box-shadow:var(--cs-shadow);padding:18px;margin:1.6rem 0}
.cs-authorbox img{width:84px;height:84px;border-radius:50%;border:3px solid var(--cs-green-soft);object-fit:cover}
.cs-authorbox h4{margin:0}
.cs-authorbox .role{color:var(--cs-green);font-weight:700;font-size:.86rem;margin:.1rem 0 .4rem}
.cs-authorbox .bio{font-size:.9rem;margin:0 0 .6rem}
.cs-authorbox .creds{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:.5rem}
.cs-authorbox .creds span{background:var(--cs-card-2);border:1px solid var(--cs-line);border-radius:999px;padding:3px 10px;font-size:.74rem}
.cs-authorbox .social a{margin-right:10px;font-size:.84rem;font-weight:700}
.cs-author-hero{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.cs-author-hero img{width:110px;height:110px;border-radius:50%;border:4px solid var(--cs-green-soft);object-fit:cover}

/* ---------- Sidebar widgets ---------- */
.cs-widget{background:var(--cs-card);border:1px solid var(--cs-line);border-radius:var(--cs-radius);
  box-shadow:var(--cs-shadow);padding:18px;margin-bottom:18px}
.cs-widget__title{font-size:1.02rem;font-weight:800;color:var(--cs-ink);margin:0 0 12px;padding-bottom:8px;
  border-bottom:2px solid var(--cs-accent)}
.cs-widget ul{list-style:none;margin:0;padding:0}
.cs-widget li{padding:8px 0;border-bottom:1px solid var(--cs-line);font-size:.92rem}
.cs-widget li:last-child{border-bottom:0}
.cs-sticky{position:sticky;top:84px}

/* ---------- Calculators ---------- */
.cs-calc{background:var(--cs-card);border:1px solid var(--cs-line);border-radius:var(--cs-radius);padding:18px;margin:1rem 0;box-shadow:var(--cs-shadow)}
.cs-calc__title{font-weight:800;color:var(--cs-ink);display:flex;align-items:center;gap:8px;margin-bottom:6px}
.cs-calc label{display:block;font-weight:600;font-size:.88rem;margin:.7rem 0 .25rem;color:var(--cs-ink)}
.cs-calc input,.cs-calc select{width:100%;padding:11px;border:1px solid var(--cs-line);border-radius:10px;font-size:1rem;background:var(--cs-card);color:var(--cs-ink)}
.cs-calc__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cs-calc__out{margin-top:16px;background:var(--cs-surface-dark);color:#fff;border-radius:12px;padding:16px;font-size:1.02rem}
.cs-calc__out b{color:var(--cs-accent);font-size:1.35rem}
.cs-calc__grid{display:grid;grid-template-columns:1fr;gap:16px}

/* ---------- Single betting app (operator) ---------- */
.cs-op-hero{background:var(--cs-card);border:1px solid var(--cs-line);border-radius:var(--cs-radius);box-shadow:var(--cs-shadow);
  padding:22px;display:grid;grid-template-columns:1fr;gap:18px}
.cs-op-hero__main{display:flex;gap:16px;align-items:center}
.cs-op-hero__logo{width:88px;height:88px;border-radius:16px;background:var(--cs-green-soft);object-fit:contain;flex:0 0 auto}
.cs-op-hero h1{margin:0;font-size:1.6rem}
.cs-op-hero__tagline{color:var(--cs-muted);font-size:.92rem}
.cs-op-hero__cta{display:flex;flex-direction:column;gap:10px}
.cs-op-facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--cs-line);border:1px solid var(--cs-line);
  border-radius:14px;overflow:hidden;margin:1rem 0}
.cs-op-facts div{background:var(--cs-card);padding:12px 14px}
.cs-op-facts small{display:block;color:var(--cs-muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.03em}
.cs-op-facts b{color:var(--cs-ink)}
.cs-verdict{background:linear-gradient(135deg,var(--cs-green),var(--cs-green-dark));color:#eafff5;border-radius:var(--cs-radius);padding:20px;margin:1.2rem 0}
.cs-verdict h3{color:#fff;margin-top:0}
.cs-verdict .cs-score{background:#fff;color:var(--cs-green-dark)}

/* ---------- Comparison ---------- */
.cs-compare{overflow-x:auto;margin:1rem 0}
.cs-compare table{min-width:680px}
.cs-compare .yes{color:var(--cs-green);font-weight:800}
.cs-compare .no{color:var(--cs-danger);font-weight:800}

/* ---------- Payment icons / trust ---------- */
.cs-pays{display:flex;flex-wrap:wrap;gap:8px;margin:.6rem 0}
.cs-pays span{background:var(--cs-card-2);border:1px solid var(--cs-line);border-radius:8px;padding:6px 11px;font-size:.8rem;font-weight:700;color:var(--cs-ink)}
.cs-trustrow{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:1rem 0}
.cs-trustitem{display:flex;gap:10px;align-items:flex-start;background:var(--cs-card);border:1px solid var(--cs-line);border-radius:14px;padding:14px}
.cs-trustitem .ic{font-size:1.5rem}
.cs-trustitem b{display:block;color:var(--cs-ink)}
.cs-trustitem small{color:var(--cs-muted)}

/* ---------- Newsletter ---------- */
.cs-newsletter{background:linear-gradient(135deg,var(--cs-surface-dark),#15303b);color:#dfeaf0;border-radius:var(--cs-radius);padding:22px;margin:1.2rem 0}
.cs-newsletter h3{color:#fff;margin-top:0}
.cs-newsletter form{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.cs-newsletter input{flex:1;min-width:200px;padding:13px;border-radius:10px;border:0;font-size:1rem}

/* ---------- Pagination ---------- */
.cs-pagination{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:26px 0}
.cs-pagination a,.cs-pagination span{padding:10px 15px;border:1px solid var(--cs-line);border-radius:10px;background:var(--cs-card);color:var(--cs-ink)}
.cs-pagination .current{background:var(--cs-green);color:#fff;border-color:var(--cs-green)}

/* ---------- Tags ---------- */
.cs-tag{display:inline-block;background:var(--cs-card-2);border:1px solid var(--cs-line);color:var(--cs-body);font-size:.78rem;padding:4px 11px;border-radius:999px;margin:2px}

/* ---------- Footer ---------- */
.cs-footer{background:var(--cs-ink);color:#aebcc6;padding:36px 0 96px;margin-top:34px;font-size:.9rem}
[data-theme="dark"] .cs-footer{background:#071217}
.cs-footer h4{color:#fff;font-size:1rem;margin:0 0 12px}
.cs-footer a{color:#aebcc6}
.cs-footer__cols{display:grid;grid-template-columns:1fr;gap:24px}
.cs-footer ul{list-style:none;margin:0;padding:0}
.cs-footer li{padding:5px 0}
.cs-footer__legal{border-top:1px solid #2a3b46;margin-top:22px;padding-top:18px;font-size:.8rem;color:#7e8f9a}
.cs-rg{background:#08161e;border:1px solid #2a3b46;border-radius:12px;padding:16px;margin-bottom:22px}
.cs-rg strong{color:var(--cs-accent)}
.cs-rg__logos{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px;font-weight:800;color:#cfdae1}
.cs-rg__logos span{border:1px solid #33454f;border-radius:8px;padding:4px 10px;font-size:.8rem}

/* ---------- Mobile sticky CTA ---------- */
.cs-sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:80;background:var(--cs-card);border-top:1px solid var(--cs-line);
  box-shadow:0 -6px 22px rgba(15,28,36,.14);padding:10px 14px;display:flex;align-items:center;gap:12px}
.cs-sticky-cta__text{font-size:.82rem;line-height:1.3}
.cs-sticky-cta__text b{color:var(--cs-ink)}
.cs-sticky-cta .cs-btn{margin-left:auto;white-space:nowrap}

/* ---------- Utility ---------- */
.cs-hindi{color:var(--cs-muted)}
.text-center{text-align:center}
.cs-lastupdated{font-size:.8rem;color:var(--cs-muted)}
.cs-chiprow{display:flex;gap:8px;flex-wrap:wrap;margin:.6rem 0}

/* ---------- Comments ---------- */
.comments-area{overflow-x:hidden}
.comments-area h2{margin-top:0}
.comment-list,.comment-list .children{list-style:none;margin:0;padding:0}
.comment-list .children{margin-left:14px;padding-left:14px;border-left:2px solid var(--cs-line)}
.comment-list>li{margin-bottom:18px}
.comment-list .comment-body{display:flex;flex-wrap:wrap;gap:10px;padding-bottom:16px;border-bottom:1px solid var(--cs-line)}
.comment-list .children .comment-body{border-bottom:0;padding-bottom:0;margin-top:14px}
.comment-list .avatar{width:40px;height:40px;border-radius:50%;flex:0 0 auto;display:block}
.comment-author{font-size:.95rem;display:flex;flex-direction:column;flex:1 1 calc(100% - 50px);min-width:0}
.comment-author .fn{font-weight:700;color:var(--cs-ink);font-style:normal;word-break:break-word}
.comment-author .says{display:none}
.comment-metadata{flex:1 0 100%;min-width:0;font-size:.78rem;color:var(--cs-muted);order:3;margin-top:-4px}
.comment-metadata a{color:var(--cs-muted)}
.comment-content{flex:1 0 100%;min-width:0;font-size:.92rem;word-wrap:break-word;overflow-wrap:break-word}
.comment-content p{margin:.5rem 0}
.comment-content img{max-width:100%;height:auto}
.comment-content pre{max-width:100%;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}
.comment-reply-link{font-size:.8rem;font-weight:700;color:var(--cs-green);cursor:pointer}
.comment-awaiting-moderation{display:block;font-size:.8rem;color:var(--cs-muted);font-style:italic;flex:1 0 100%}
.comment-form{margin-top:18px}
.comment-form p{margin:0 0 12px}
.comment-form label{display:block;font-weight:600;font-size:.88rem;margin-bottom:5px;color:var(--cs-ink)}
.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"],.comment-form textarea{
  width:100%;max-width:100%;padding:11px;border:1px solid var(--cs-line);border-radius:10px;
  font-size:1rem;background:var(--cs-card);color:var(--cs-ink);font-family:inherit;box-sizing:border-box}
.comment-form textarea{min-height:120px;resize:vertical}
.comment-notes,.logged-in-as{font-size:.85rem;color:var(--cs-muted)}
.comment-form-cookies-consent{display:flex;align-items:flex-start;gap:8px}
.comment-form-cookies-consent label{margin-bottom:0}
.comment-reply-title small{display:inline-block;margin-left:8px;font-size:.8rem;font-weight:600}
.no-comments{color:var(--cs-muted)}
.comment-list ol.children{width:100%}

/* ---------- Desktop ---------- */
@media(min-width:600px){
  .cs-grid{grid-template-columns:1fr 1fr}
  .cs-proscons{grid-template-columns:1fr 1fr}
  .cs-calc__grid{grid-template-columns:1fr 1fr}
  .cs-trustrow{grid-template-columns:repeat(2,1fr)}
  .comment-list .children{margin-left:30px;padding-left:22px}
  .comment-author{flex:0 0 auto}
  .comment-metadata{flex:0 1 auto;order:0;margin-top:0;margin-left:auto}
  .comment-body{align-items:center}
  .comment-content{order:4}
}
@media(min-width:782px){
  body{font-size:17px}
  h1{font-size:2.3rem}h2{font-size:1.7rem}
  .cs-hero h1{font-size:2.7rem}
  .cs-nav-toggle{display:none}
  .cs-nav{display:block;width:auto;border-top:0;margin-top:0;margin-left:0}
  .cs-nav ul{display:flex;gap:4px;padding:0}
  .cs-nav li{border-bottom:0;position:relative}
  .cs-nav>ul>li>a{padding:10px 13px;border-radius:9px}
  .cs-nav>ul>li>a:hover{background:var(--cs-green-soft);text-decoration:none}
  .cs-nav .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:220px;background:var(--cs-card);
    border:1px solid var(--cs-line);border-radius:12px;box-shadow:var(--cs-shadow-lg);padding:8px;z-index:95}
  .cs-nav li:hover>.sub-menu{display:block}
  .cs-nav .sub-menu a{padding:9px 12px;border-radius:8px}
  .cs-header__row .cs-nav{order:3;flex-basis:100%;margin-top:6px}
  .cs-layout{display:grid;grid-template-columns:1fr 330px;gap:30px}
  .cs-sidebar{margin-top:0}
  .cs-op-hero{grid-template-columns:1fr 280px}
  .cs-hero__cta{margin-bottom:0}
  .cs-footer__cols{grid-template-columns:2.2fr 1fr 1fr 1fr}
  .cs-sticky-cta{display:none}
  .cs-footer{padding-bottom:36px}
  .cs-trustrow{grid-template-columns:repeat(4,1fr)}
  .cs-toc ol{columns:2}
}
@media(min-width:1024px){
  .cs-grid{grid-template-columns:repeat(3,1fr)}
  .cs-calc__grid{grid-template-columns:repeat(2,1fr)}
}