:root{--pri:#1d4ed8;--pri2:#2563eb;--acc:#f97316;--ink:#0f172a;--mut:#64748b;--bg:#f4f7fc;--card:#fff;--line:#e2e8f0;--ok:#059669;--r:16px;--sh:0 4px 20px rgba(15,23,42,.07)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font:16.5px/1.75 Hind,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:#1e293b;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}
h1,h2,h3,h4{font-family:Poppins,Hind,sans-serif;color:var(--ink);line-height:1.35}
.wrap{max-width:1240px;margin:0 auto;padding:0 18px}
.hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}
/* topbar + header */
.topbar{background:var(--ink);color:#cbd5e1;font-size:13.5px}.topbar .wrap{display:flex;justify-content:space-between;align-items:center;min-height:36px;gap:10px}
.tb-r{display:flex;align-items:center;gap:8px}.tb-btn{padding:2px 12px;border-radius:20px;font-weight:600;color:#fff}.tb-btn.tg{background:#229ed9}.tb-btn.wa{background:#25d366}
.lang{display:flex;background:#ffffff1f;border-radius:20px;padding:2px}.lang a{padding:1px 12px;border-radius:18px;font-weight:600}.lang a.on{background:var(--acc);color:#fff}
.hdr{position:sticky;top:0;z-index:60;background:#c20104;box-shadow:0 2px 14px rgba(15,23,42,.08)}
.hdr .wrap:first-child{display:flex;align-items:center;gap:14px;min-height:64px}
.logo{display:flex;align-items:center;gap:9px;font:800 21px Poppins,Hind,sans-serif;color:var(--pri)}.logo i{font-style:normal;background:linear-gradient(135deg,var(--pri2),var(--acc));width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:22px}
.nav{display:flex;align-items:center;gap:2px;margin-left:auto;flex-wrap:nowrap}.nav>a,.dd>a{padding:8px 11px;font-weight:600;font-size:15px;border-radius:10px;white-space:nowrap;display:block}
.nav>a:hover,.dd:hover>a{background:#eff4ff;color:var(--pri)}.nav a.hl{background:#fff4e8;color:#c2410c}
.dd{position:relative}.ddm{position:absolute;top:100%;left:0;min-width:230px;max-height:70vh;overflow:auto;background:#fff;border-radius:14px;box-shadow:0 18px 44px rgba(15,23,42,.18);padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s;border-top:3px solid var(--acc)}
.dd:hover .ddm{opacity:1;visibility:visible;transform:none}.ddm a{display:block;padding:7px 12px;border-radius:8px;font-size:15px}.ddm a:hover{background:#eff4ff}.ddm a.all{color:var(--pri);font-weight:700}
.sbtn,.burger{background:#eff4ff;border:0;width:40px;height:40px;border-radius:12px;font-size:19px;cursor:pointer;display:grid;place-items:center}.burger{display:none}
.hsearch{display:none;background:#f8fafc;border-top:1px solid var(--line)}.hsearch.open{display:block}.hsearch .wrap{display:flex;gap:8px;padding-top:10px;padding-bottom:10px}
input,select,textarea,button{font:inherit}input,select,textarea{width:100%;padding:11px 14px;border:1.5px solid var(--line);border-radius:12px;background:#fff;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--pri2);box-shadow:0 0 0 4px rgba(37,99,235,.15)}
.btn{display:inline-block;background:linear-gradient(135deg,var(--acc),#ea580c);color:#fff;border:0;padding:11px 24px;border-radius:30px;font-weight:700;cursor:pointer;transition:.25s;white-space:nowrap}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(249,115,22,.35)}
.btn-s{padding:5px 16px}.btn.big{padding:14px 34px;font-size:18px}.btn.dis{background:#cbd5e1;box-shadow:none;cursor:default}
/* hero */
.hero{background:radial-gradient(1200px 400px at 85% -10%,#f97316 0,transparent 55%),linear-gradient(135deg,#0b1d4d,#1d4ed8 60%,#2563eb);color:#fff;padding:54px 0 64px;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;inset:auto -80px -120px auto;width:340px;height:340px;border-radius:50%;background:rgba(255,255,255,.07)}
.pill{display:inline-block;background:rgba(255,255,255,.15);padding:4px 16px;border-radius:30px;font-size:14px;font-weight:600;backdrop-filter:blur(4px)}
.hero h1{color:#fff;font-size:clamp(26px,4.6vw,46px);margin:16px 0 8px;max-width:820px}.hero h1 em{font-style:normal;color:#fdba74}
.hero-search{display:flex;gap:8px;max-width:680px;background:#fff;border-radius:40px;padding:6px;margin:22px 0 16px;box-shadow:0 14px 40px rgba(0,0,0,.25)}.hero-search input{border:0;box-shadow:none!important;background:transparent;padding-left:18px}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:#fff;color:var(--ink);border:1px solid var(--line);padding:3px 14px;border-radius:30px;font-size:14.5px;font-weight:600;transition:.2s}.chip:hover,.chip.on{background:var(--pri);color:#fff;border-color:var(--pri)}.chip b{background:#eef2ff;color:var(--pri);border-radius:10px;padding:0 7px;font-size:12px;margin-left:3px}
.hero-chips .chip{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.25)}.hero-chips .chip.alt{background:rgba(249,115,22,.9);border-color:transparent}.hero-chips .chip:hover{background:#fff;color:var(--pri)}
.hstats{display:flex;gap:30px;margin-top:30px;flex-wrap:wrap}.hstats b{display:block;font:800 26px Poppins;color:#fff}.hstats span{font-size:14px;opacity:.85}
.trend{background:#fff;border-bottom:1px solid var(--line)}.trend .wrap{display:flex;align-items:center;gap:14px;height:44px;overflow:hidden}.trend b{color:#c2410c;white-space:nowrap}
.marq{overflow:hidden;flex:1}.marq span{display:inline-flex;gap:34px;white-space:nowrap;animation:mq 45s linear infinite;padding-left:100%}.marq a:hover{color:var(--pri)}@keyframes mq{to{transform:translateX(-100%)}}
/* blocks */
.home{padding-top:30px}.blk{margin-bottom:38px}.bh{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;border-bottom:2px solid var(--line);padding-bottom:8px}.bh h2{font-size:21px;position:relative}.bh h2:after{content:"";position:absolute;left:0;bottom:-10px;width:60px;height:3px;background:var(--acc);border-radius:3px}.bh a{color:var(--pri);font-weight:700}
.fgrid2{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px}
.pcard{background:var(--card);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);transition:.3s;display:flex;flex-direction:column}.pcard:hover{transform:translateY(-6px);box-shadow:0 16px 38px rgba(15,23,42,.15)}
.pimg{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#e2e8f0}.pimg img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.pcard:hover .pimg img{transform:scale(1.07)}
.tbadge{position:absolute;left:10px;top:10px;color:#fff;font-size:12.5px;font-weight:700;padding:2px 11px;border-radius:20px}
.pbody{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}.pcat{font-size:13px;font-weight:700;color:var(--pri)}.pbody h3{font-size:17px;line-height:1.45}.pbody h3 a:hover{color:var(--pri)}.pbody p{font-size:14.5px;color:var(--mut);line-height:1.55}
.pmeta{display:flex;gap:12px;font-size:12.5px;color:var(--mut);margin-top:auto;padding-top:6px;flex-wrap:wrap}.pmeta .ld{color:#c2410c;font-weight:700}
.boxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:20px}
.box{background:var(--card);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh)}.box-h{display:flex;justify-content:space-between;align-items:center;padding:11px 16px;color:#fff}.box-h h3{color:#fff;font-size:17px}.box-h a{font-size:13.5px;font-weight:700;background:rgba(255,255,255,.2);padding:1px 12px;border-radius:20px}
.plist li{padding:9px 16px;border-bottom:1px dashed var(--line);display:flex;flex-wrap:wrap;gap:2px 8px;align-items:baseline;line-height:1.5}.plist li:last-child{border:0}.plist a{font-weight:600;font-size:15.5px;flex:1 1 100%}.plist a:hover{color:var(--pri)}.plist li small{color:var(--mut);font-size:12.5px}.plist .empty{color:var(--mut)}
.new{background:#ef4444;color:#fff;font-size:10.5px;padding:0 6px;border-radius:6px;margin-left:6px;animation:blink 1.4s infinite}@keyframes blink{50%{opacity:.35}}
.cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.cat{background:#fff;border-radius:14px;padding:16px 10px;text-align:center;box-shadow:var(--sh);border-bottom:4px solid var(--c,var(--pri));transition:.25s;display:flex;flex-direction:column;gap:2px}.cat:hover{transform:translateY(-5px);background:var(--c,var(--pri));color:#fff}.cat:hover small{color:#fff}.cat i{font-style:normal;font-size:30px}.cat span{font-weight:700;line-height:1.3}.cat small{color:var(--mut);font-size:12.5px}
.ngrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.ncard{display:flex;gap:14px;background:#fff;border-radius:var(--r);padding:12px;box-shadow:var(--sh);transition:.25s}.ncard:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(15,23,42,.14)}.ncard img{width:84px;height:112px;object-fit:cover;border-radius:8px;flex:none}.ncard h3{font-size:16px;margin:4px 0}.ncard small{color:var(--mut);display:block}.dl{font-size:12.5px;color:var(--ok);font-weight:700}
.tag{display:inline-block;background:#eff4ff;color:var(--pri);font-size:12.5px;font-weight:700;padding:1px 12px;border-radius:20px}.tag.prem{background:#fef3c7;color:#92400e}.tag.live{background:#dcfce7;color:#166534}.tag.closed{background:#fee2e2;color:#991b1b}
.wgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.wcard{background:#fff;border-radius:var(--r);padding:20px;box-shadow:var(--sh);text-align:center}.wcard i{font-style:normal;font-size:34px}.wcard h4{margin:6px 0 2px}.wcard p{color:var(--mut);font-size:14.5px}
.subband{background:linear-gradient(120deg,#0b1d4d,#1d4ed8);color:#fff;padding:34px 0;margin-top:20px}.subband .wrap{display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}.subband h2{color:#fff;font-size:22px}.subband p{opacity:.9}
.subform{display:flex;flex-wrap:wrap;gap:8px;max-width:460px;width:100%;position:relative}.subform input[type=email]{flex:1;min-width:180px;border-radius:30px}.fmsg{flex:1 1 100%;font-weight:600}.fmsg.ok{color:#86efac}.fmsg.err{color:#fca5a5}
.widget .subform{max-width:none}.widget .fmsg.ok{color:var(--ok)}.widget .fmsg.err{color:#dc2626}
.ftr{background:#0b1220;color:#94a3b8;padding-top:42px;font-size:15px}.fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:26px}.ftr h3,.ftr h4{color:#fff;margin-bottom:10px}.ftr a{display:block;padding:2px 0}.ftr a:hover{color:#fdba74}.soc a{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#1e293b;margin:6px 6px 0 0;color:#fff}
.copy{border-top:1px solid #1e293b;margin-top:30px;padding:16px 18px;text-align:center;font-size:13px}
.cookie{position:fixed;left:14px;right:14px;bottom:14px;max-width:560px;margin:auto;background:#0f172a;color:#e2e8f0;padding:12px 16px;border-radius:14px;z-index:90;font-size:14px;box-shadow:0 10px 40px rgba(0,0,0,.4)}.cookie a{text-decoration:underline}
.totop{position:fixed;right:16px;bottom:18px;width:44px;height:44px;border-radius:50%;background:var(--pri);color:#fff;display:grid;place-items:center;font-size:20px;opacity:0;visibility:hidden;transition:.3s;z-index:70;box-shadow:0 8px 20px rgba(0,0,0,.25)}.totop.show{opacity:1;visibility:visible}
/* inner pages */
.pagehead{padding-top:22px;padding-bottom:6px}.pagehead.tight{padding-bottom:0}.pagehead h1{font-size:clamp(23px,3.4vw,34px);margin:6px 0}.pagehead p{color:var(--mut)}.cathead{border-left:6px solid var(--c);padding-left:18px;margin-top:18px;background:#fff;border-radius:0 var(--r) var(--r) 0;padding-bottom:14px;box-shadow:var(--sh)}
.crumbs{font-size:13.5px;color:var(--mut);display:flex;flex-wrap:wrap;gap:2px 6px;align-items:center}.crumbs a:hover{color:var(--pri)}.crumbs .now{color:var(--ink);font-weight:600}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:26px;padding-top:18px;padding-bottom:30px;align-items:start}
.fl{margin-bottom:16px}.sh{margin:30px 0 14px;font-size:21px}.empty{color:var(--mut);padding:20px;background:#fff;border-radius:var(--r)}
.sf{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.sf input{flex:2;min-width:200px;margin:0}.sf select{flex:1;min-width:150px;margin:0}
.side{display:flex;flex-direction:column;gap:18px;position:sticky;top:76px}.widget{background:#fff;border-radius:var(--r);padding:16px;box-shadow:var(--sh)}.widget h3{font-size:17px;margin-bottom:10px;padding-bottom:8px;border-bottom:2px solid var(--line)}.widget .plist li{padding:8px 0}.widget .plist a{font-size:15px}
.subw{background:linear-gradient(135deg,#eff6ff,#fff7ed)}.subw .btn{display:block;text-align:center;margin-top:8px}.tgb{background:#229ed9!important}.wab{background:#25d366!important}.subw .subform input[type=email]{border-radius:12px}
.rank{counter-reset:r;padding:0}.rank li{counter-increment:r;display:flex;gap:10px;padding:7px 0;border-bottom:1px dashed var(--line);flex-wrap:wrap}.rank li:before{content:counter(r);background:var(--acc);color:#fff;border-radius:8px;width:24px;height:24px;display:grid;place-items:center;font-size:13px;font-weight:700;flex:none}.rank a{flex:1;font-weight:600;font-size:15px}.rank small{flex:1 1 100%;margin-left:34px;color:var(--mut)}
.nmini{display:flex;gap:10px;padding:6px 0;align-items:center}.nmini img{width:48px;height:64px;object-fit:cover;border-radius:6px}.nmini span{font-weight:600;font-size:14.5px;line-height:1.4}.nmini small{display:block;color:var(--mut);font-weight:400}.more{color:var(--pri);font-weight:700;display:block;margin-top:6px}
.article{background:#fff;border-radius:var(--r);padding:clamp(16px,3vw,30px);box-shadow:var(--sh)}.article h1{font-size:clamp(22px,3.2vw,32px);margin:10px 0}.tags{display:flex;gap:8px;flex-wrap:wrap}.meta{color:var(--mut);font-size:14px;margin-bottom:12px}
.feat{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;margin:8px 0 14px}
.infobox{border:2px solid #dbeafe;border-radius:14px;overflow:hidden;margin:18px 0}.infobox h2{background:linear-gradient(90deg,var(--pri),var(--pri2));color:#fff;font-size:18px;padding:10px 16px}.itable{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.itable div{padding:10px 16px;border-bottom:1px solid #eef2ff;display:flex;flex-direction:column}.itable span{font-size:13px;color:var(--mut)}.itable b{font-weight:600}.itable .hot{background:#fff7ed}.itable .hot b{color:#c2410c}
.content{font-size:17px}.content h2{font-size:23px;margin:26px 0 10px;padding-left:12px;border-left:5px solid var(--acc)}.content h3{font-size:19px;margin:20px 0 8px}.content p{margin:0 0 14px}.content ul,.content ol{margin:0 0 14px 22px}.content ul{list-style:disc}.content li{margin-bottom:4px}.content a{color:var(--pri);text-decoration:underline}.content img{border-radius:12px;margin:10px auto}
.tw{overflow-x:auto;margin:14px 0;border-radius:12px;border:1px solid var(--line)}.content table{border-collapse:collapse;width:100%;min-width:480px}.content th,.content td{border:1px solid var(--line);padding:9px 12px;text-align:left}.content th{background:#eff4ff;color:var(--ink)}.content tr:nth-child(even) td{background:#fafcff}
.links{background:#f0fdf4;border:2px dashed #86efac;border-radius:14px;padding:16px;margin:22px 0;display:grid;gap:10px}.links h2{font-size:19px}.lk{display:block;background:#fff;border:1.5px solid #bbf7d0;padding:11px 16px;border-radius:12px;font-weight:600;transition:.2s}.lk:hover{background:var(--pri);color:#fff;transform:translateX(4px)}.lk.apply{background:linear-gradient(135deg,var(--ok),#10b981);color:#fff;font-size:18px;text-align:center}.lk.tg{background:#229ed9;color:#fff}.lk small{font-weight:400;opacity:.8}
.faq{margin:22px 0}.faq h2{font-size:20px;margin-bottom:10px}details{background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin-bottom:8px}summary{font-weight:700;cursor:pointer}details p{margin-top:8px;color:#334155}
.share{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:14px 0}.share a,.share button{padding:5px 14px;border-radius:20px;color:#fff;font-size:14px;font-weight:600;border:0;cursor:pointer}.s-wa{background:#25d366}.s-tg{background:#229ed9}.s-fb{background:#1877f2}.s-x{background:#111}.s-cp{background:#64748b}
.askbox{background:#eff6ff;border-radius:12px;padding:12px 16px;margin-top:16px}.askbox a{color:var(--pri);font-weight:700}
.nhead{display:flex;gap:22px;flex-wrap:wrap;margin-bottom:16px}.nhead img{width:200px;border-radius:12px;box-shadow:var(--sh)}.nhead>div{flex:1;min-width:240px}
.cform{display:grid;gap:10px;margin-top:20px}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pager{display:flex;gap:6px;justify-content:center;margin:26px 0;flex-wrap:wrap}.pager a,.pager span{min-width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#fff;border:1px solid var(--line);font-weight:700;padding:0 10px}.pager a:hover{background:var(--pri);color:#fff}.pager .cur{background:var(--pri);color:#fff;border-color:var(--pri)}.pager .dis{opacity:.4}
.ad{margin:14px auto;text-align:center;overflow:hidden;max-width:100%;min-height:50px}
@media(max-width:1020px){.layout{grid-template-columns:1fr}.side{position:static}.fgrid{grid-template-columns:1fr 1fr}.nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;align-items:stretch;padding:10px 14px;box-shadow:0 14px 24px rgba(0,0,0,.15);max-height:75vh;overflow:auto}.hdr .wrap:first-child{position:relative}#mb:checked~.nav{display:flex}.burger{display:grid;margin-left:auto}.dd .ddm{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;display:none}.dd:hover .ddm{display:block}.sbtn{order:3}}
@media(max-width:600px){body{font-size:16px}.fgrid,.two{grid-template-columns:1fr}.boxes{grid-template-columns:1fr}.hstats{gap:18px}.tb-l{display:none}.nhead img{width:130px}.hero{padding:36px 0 44px}.hero-search{border-radius:16px;flex-direction:column}.hero-search .btn{border-radius:12px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.rv{opacity:1}

/* =====================================================
   responsive-fix.css
   Mobile overflow / header / footer gap ka complete fix
   Isse apni main CSS ke SABSE NEECHE load karein.
   ===================================================== */

/* 1. Base reset */
*, *::before, *::after {
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: 100%;
    width: 100%;
    max-width: 100%;
}

body {
    width: 100%;
    max-width: 100%;
    margin: 0;
    overflow-x: hidden;            /* purane browsers */
    overflow-wrap: break-word;
}

@supports (overflow: clip) {
    body { overflow-x: clip; }     /* sticky header ko nahi todta */
}

/* 2. Header / Footer / Nav hamesha poori width */
header, footer, nav {
    width: 100%;
    max-width: 100%;
}

/* 100vw se aane wala gap rokne ke liye */
header, footer, .header, .footer, .navbar, .topbar {
    max-width: 100%;
}

/* 3. Media */
img, video, iframe, canvas, svg, embed, object {
    max-width: 100%;
}

img, video {
    height: auto;
}

iframe {
    border: 0;
}

/* 4. Layout children ko shrink hone dein (flex/grid overflow ka #1 bug) */
main, article, section, aside,
[class*="container"],
[class*="wrapper"],
[class*="content"],
[class*="main"],
[class*="post"],
[class*="card"],
[class*="box"],
[class*="summary"] {
    min-width: 0;
    max-width: 100%;
}

/* Grid layouts: main content + sidebar */
[class*="layout"],
[class*="grid"] {
    min-width: 0;
}

/* 5. Long text / links / code */
article, main, [class*="content"], [class*="post"] {
    overflow-wrap: anywhere;
    word-break: break-word;
}

a { overflow-wrap: anywhere; }

pre, code, kbd, samp {
    max-width: 100%;
    white-space: pre-wrap;
    word-break: break-word;
}

pre { overflow-x: auto; }

/* 6. Tables (JS inko .table-scroll mein wrap karta hai) */
.table-scroll {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 12px 0;
}

.table-scroll > table {
    width: 100%;
    min-width: 480px;              /* chhoti screen par scroll, bigad nahi */
    border-collapse: collapse;
    margin: 0;
}

/* JS na chale to bhi table na toote */
table {
    max-width: 100%;
}

th, td {
    overflow-wrap: break-word;
    word-break: break-word;
}

/* 7. Share buttons / button rows wrap hon */
[class*="share"],
[class*="btn-group"],
[class*="button-group"],
[class*="actions"],
[class*="tags"],
[class*="badges"],
[class*="meta"] {
    flex-wrap: wrap;
    max-width: 100%;
}

[class*="share"] a,
[class*="share"] button {
    max-width: 100%;
}

/* 8. Mobile specific */
@media (max-width: 768px) {

    /* Floating / sticky side share bar (right side wali) hide */
    [class*="float"][class*="share"],
    [class*="sticky"][class*="share"],
    [class*="side"][class*="share"],
    [class*="share"][class*="side"],
    [class*="share"][class*="float"],
    [class*="social"][class*="float"],
    [class*="float"][class*="social"],
    .js-hide-mobile {
        display: none !important;
    }

    /* Koi bhi fixed element screen se bahar na jaye */
    [style*="position: fixed"],
    [style*="position:fixed"] {
        max-width: 100vw;
    }

    /* ---- Side gap control (sirf 10px rakhna hai) ---- */
    main, article {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }

    /* Page ka outer container: header/footer ko chhodkar */
    main > [class*="container"],
    main > [class*="wrapper"],
    main > [class*="layout"],
    body > [class*="container"]:not(header):not(footer),
    body > [class*="wrapper"]:not(header):not(footer),
    body > [class*="layout"]:not(header):not(footer) {
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    /* Breadcrumb ko bhi usi edge par */
    [class*="breadcrumb"] {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }

    /* Post card: bahari margin hatao, andar ka padding rakho */
    main [class*="post-card"],
    main [class*="article-card"],
    main [class*="post-wrap"],
    main article {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    main [class*="post-card"],
    main [class*="article-card"] {
        padding: 16px;
        border-radius: 16px;
    }

    /* Inline width wale elements ko control karein */
    article [style*="width"],
    main [style*="width"] {
        max-width: 100% !important;
    }

    article img[width],
    main img[width] {
        width: 100% !important;
        height: auto !important;
    }

    /* Share buttons thode compact */
    [class*="share"] a,
    [class*="share"] button {
        padding: 8px 14px;
        font-size: 14px;
    }
}