/* ════════════════════════════════════════════════════════
   TEAM SARKARI RESULT — MASTER TEMPLATE CSS (NODE.JS OPTIMIZED)
   ════════════════════════════════════════════════════════ */

*, *::before, *::after {box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}
:root{
  --bg:#ffffff;--page-bg:#f7f8fc;--card:#ffffff;--border:#e5e8ef;
  --tp:#0d1117;--ts:#1e2533;--tm:#4a5568;--tl:#64748b;
  --accent:#1d4ed8;--green:#15803d;--green-bg:#dcfce7;--green-border:#86efac;
  --red:#b91c1c;--orange:#c2410c;--purple:#6d28d9;--amber:#92400e;
  --amber-bg:#fef3c7;--cyan:#0e7490;
}
html, body {overflow-x:hidden; width:100%;}
html{background:#f7f8fc}
body{
  background:#f7f8fc;
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  color:var(--ts);
  line-height:1.65;
  font-size:15px;
  -webkit-font-smoothing:antialiased;
  display:block !important; /* Force center fix for Node.js views */
  margin:0 !important;
  padding:0 !important;
}

/* ── DESKTOP LAYOUT (IMAGE 2 WIDE PREMIUM LOOK) ── */
.outer-wrap{
  max-width:100%;
  margin:0;
  background:#fff;
  min-height:100vh;
  box-shadow:none;
}
.layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 290px;
  gap:26px;
  align-items:start;
  max-width:1180px;
  width:100%;
  margin:0;
}

::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}

@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
@keyframes scaleIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

/* ── MOBILE TOP BAR (FIXED) ── */
.mob-bar{display:none;position:fixed;top:0;left:0;right:0;width:100%;z-index:200;background:rgba(255,255,255,.98);
  backdrop-filter:blur(16px);border-bottom:1px solid var(--border);
  padding:9px 14px;padding-top:calc(9px + env(safe-area-inset-top,0px));
  align-items:center;justify-content:space-between;box-shadow:0 1px 8px rgba(0,0,0,.07)}
.mob-bar-btn{width:34px;height:34px;border-radius:9px;background:#f1f5f9;
  border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}
.mob-bar-btn svg{width:17px;height:17px;stroke:#4a5568;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mob-bar-title{font-family:'DM Sans',system-ui,sans-serif;font-size:11.5px;font-weight:700;color:#4a5568;
  letter-spacing:.04em;text-align:center;flex:1;padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mob-bar-title span{color:#15803d}

/* ── MOBILE TOC SCROLL STRIP (FIXED, AUTO-ACTIVE) ── */
.mob-toc-strip{display:none;overflow-x:auto;white-space:nowrap;padding:9px 12px 7px;
  background:#fff;border-bottom:1px solid var(--border);
  -webkit-overflow-scrolling:touch;scrollbar-width:none;
  position:fixed;left:0;right:0;width:100%;top:52px;z-index:190;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.mob-toc-strip::-webkit-scrollbar{display:none}
.mob-toc-strip a{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;
  border-radius:20px;font-size:12px;font-weight:600;text-decoration:none;
  background:#f1f5f9;color:#374151;border:1px solid #e5e7eb;
  transition:all .18s;white-space:nowrap;flex-shrink:0;margin-right:6px}
.mob-toc-strip a:hover,.mob-toc-strip a.active{background:#dbeafe;color:#1d4ed8;border-color:#93c5fd}
.mob-toc-strip a svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2;flex-shrink:0}
.mob-toc-strip a.toc-apply{background:#dcfce7;color:#15803d;border-color:#86efac}
.mob-toc-strip a.toc-apply:hover,.mob-toc-strip a.toc-apply.active{background:#15803d;color:#fff;border-color:#15803d}

/* ── POST HERO ── */
.page-wrap{
  padding:24px 40px 48px;
  display:flex;
  justify-content:center;
}
.post-hero{margin-bottom:18px}
.post-badge{display:inline-flex;align-items:center;gap:6px;background:#dcfce7;
  border:1px solid #86efac;border-radius:999px;
  padding:4px 13px;font-size:11px;font-weight:700;color:#15803d;
  letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}
.live-dot{width:7px;height:7px;border-radius:50%;background:#16a34a;animation:pulse-dot 1.5s ease infinite;display:inline-block}
.post-title{font-family:'DM Sans',system-ui,sans-serif;font-size:clamp(1.2rem,2.4vw,1.65rem);
  font-weight:700;color:#0d1117;line-height:1.3;margin-bottom:11px}
.post-title span{background:linear-gradient(135deg,#1d4ed8,#15803d);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.post-meta{display:flex;flex-wrap:wrap;gap:7px}
.pm-tag{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;
  border-radius:999px;font-size:11.5px;font-weight:600}
.pm-green{background:#dcfce7;color:#15803d;border:1px solid #86efac}
.pm-blue{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}
.pm-amber{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}
.pm-red{background:#fee2e2;color:#b91c1c;border:1px solid #fca5a5}

/* ── PREMIUM CONTAINER ── */
.sr-premium-container{color:var(--ts);line-height:1.65;font-size:14.5px}
.sr-premium-container p{color:#1e2533}
.sr-premium-container h2,.sr-premium-container h3,.sr-premium-container strong{color:#0d1117}
.sr-text-green{color:#15803d!important;font-weight:600}
.sr-text-blue{color:#1d4ed8!important;font-weight:600}
.sr-text-orange{color:#c2410c!important;font-weight:600}
.sr-text-red{color:#b91c1c!important;font-weight:600}

/* ── TABLE OF CONTENTS BLOCK ── */
.toc-block{background:#fff;border:1px solid #e5e7eb;border-radius:13px;
  margin:18px 0;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.toc-block-hd{display:flex;align-items:center;justify-content:space-between;
  padding:13px 17px;border-bottom:1px solid #f0f3f8;cursor:pointer;
  user-select:none;background:#fafbff}
.toc-block-hd-left{display:flex;align-items:center;gap:9px}
.toc-block-hd-icon{width:30px;height:30px;background:#dbeafe;border-radius:8px;
  display:flex;align-items:center;justify-content:center}
.toc-block-hd-icon svg{width:15px;height:15px;stroke:#1d4ed8;fill:none;stroke-width:2}
.toc-block-hd-title{font-family:'DM Sans',system-ui,sans-serif;font-size:.9em;font-weight:700;color:#0d1117}
.toc-block-toggle{font-size:.76em;font-weight:700;color:#b91c1c;letter-spacing:.02em;
  display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:0}
.toc-block-toggle svg{width:13px;height:13px;stroke:#b91c1c;fill:none;stroke-width:2.5;transition:transform .25s}
.toc-block-toggle.open svg{transform:rotate(180deg)}
.toc-block-body{padding:6px 0}
.toc-entry{display:flex;align-items:center;justify-content:space-between;
  padding:9px 17px;text-decoration:none;color:#1e2533;font-size:.87em;font-weight:500;
  border-bottom:1px solid #f7f9fc;transition:background .15s;gap:10px}
.toc-entry:last-child{border-bottom:none}
.toc-entry:hover{background:#f5f7ff;color:#1d4ed8}
.toc-entry-left{display:flex;align-items:center;gap:10px}
.toc-num{width:22px;height:22px;border-radius:6px;background:#fee2e2;
  display:flex;align-items:center;justify-content:center;
  font-family:'DM Sans',system-ui,sans-serif;font-size:.71em;font-weight:700;color:#b91c1c;flex-shrink:0}
.toc-entry:hover .toc-num{background:#dbeafe;color:#1d4ed8}
.toc-arrow{width:14px;height:14px;stroke:#9ca3af;fill:none;stroke-width:2;flex-shrink:0}
.toc-entry:hover .toc-arrow{stroke:#1d4ed8}

/* ── INFO CARDS ── */
.sr-info-card{background:#fff;border:1px solid var(--border);
  border-radius:12px;padding:4px 18px;margin:14px 0;box-shadow:0 1px 6px rgba(0,0,0,.05)}
.sr-info-row{display:flex;align-items:center;padding:11px 0;border-bottom:1px solid #f0f3f8;flex-wrap:nowrap}
.sr-info-row:last-child{border-bottom:none;padding-bottom:3px}
.sr-info-row:first-child{padding-top:3px}
.sr-icon-box{background:#eff6ff;color:#1d4ed8;width:33px;height:33px;
  border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:13px;flex-shrink:0}
.sr-icon-box svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sr-label{width:148px;color:#374151;font-size:.87em;font-weight:500;flex-shrink:0;line-height:1.3}
.sr-separator{color:#9ca3af;margin-right:12px;font-weight:600;flex-shrink:0}
.sr-value{color:#0d1117;font-weight:600;flex-grow:1;word-wrap:break-word;word-break:break-word;font-size:.93em} 

/* ── PRO TIP ── */
.sr-pro-tip{background:#fffbeb;border:1px solid #fde68a;
  border-radius:12px;padding:14px 16px;display:flex;gap:13px;align-items:flex-start;margin:16px 0}
.sr-pro-tip .tip-icon{color:#b45309;background:#fef3c7;width:30px;height:30px;
  border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid #fcd34d;margin-top:1px}
.sr-pro-tip .tip-icon svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2}
.sr-pro-tip-text{color:#78350f;font-size:.91em;line-height:1.6}
.sr-pro-tip-text strong{color:#451a03!important}

/* ── SECTION HEADING ── */
.sr-section-heading{display:flex;align-items:center;gap:9px;font-size:.97em;font-family:'DM Sans',system-ui,sans-serif;
  color:#0d1117;font-weight:700;margin-top:26px;margin-bottom:11px;border-bottom:2px solid #f0f3f8;padding-bottom:9px}
.sr-section-heading svg{color:#1d4ed8;width:17px;height:17px;stroke:currentColor;stroke-width:2;fill:none;flex-shrink:0}
.sr-section-num{width:24px;height:24px;border-radius:7px;background:#fee2e2;
  display:flex;align-items:center;justify-content:center;
  font-family:'DM Sans',system-ui,sans-serif;font-size:.72em;font-weight:700;color:#b91c1c;flex-shrink:0}

.sr-highlight-box{background:#eff6ff;border-left:4px solid #1d4ed8;
  padding:12px 16px;border-radius:0 10px 10px 0;margin:12px 0;font-size:.91em;color:#1e3a8a;line-height:1.6}
.sr-highlight-box strong{color:#1e3a8a}
.sr-green-box{background:#f0fdf4;border-left:4px solid #16a34a;
  padding:12px 16px;border-radius:0 10px 10px 0;margin:12px 0;font-size:.91em;color:#14532d;line-height:1.6}
.sr-red-box{background:#fef2f2;border-left:4px solid #ef4444;
  padding:12px 16px;border-radius:0 10px 10px 0;margin:12px 0;font-size:.91em;color:#7f1d1d;line-height:1.6}

/* ── STEP LIST & BULLET LIST ── */
.sr-step-list{padding-left:0;list-style:none;counter-reset:sr-counter;margin:10px 0}
.sr-step-list li{position:relative;padding-left:42px;margin-bottom:12px;color:#1e2533;font-size:.93em;line-height:1.6}
.sr-step-list li::before{counter-increment:sr-counter;content:counter(sr-counter);
  position:absolute;left:0;top:0;width:27px;height:27px;background:#eff6ff;
  border:1.5px solid #bfdbfe;color:#1d4ed8;border-radius:50%;display:flex;
  align-items:center;justify-content:center;font-weight:700;font-size:.84em}
.sr-step-list li strong{color:#0d1117}

.sr-bullet-list{list-style:none;margin:8px 0;padding:0}
.sr-bullet-list li{padding:7px 0 7px 26px;position:relative;font-size:.9em;color:#374151;border-bottom:1px solid #f5f7fa;line-height:1.55}
.sr-bullet-list li:last-child{border-bottom:none}
.sr-bullet-list li::before{content:'▸';position:absolute;left:6px;color:#1d4ed8;font-size:.85em;top:8px}

/* ── FAQ ── */
.sr-faq-item{background:#fff;border:1px solid var(--border);
  border-radius:11px;margin-bottom:9px;padding:13px 16px;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.sr-faq-q{font-weight:700;color:#0d1117;margin-bottom:6px;display:flex;gap:8px;font-size:.93em;font-family:'DM Sans',system-ui,sans-serif}
.sr-faq-q svg{width:16px;height:16px;color:#6d28d9;flex-shrink:0;margin-top:2px;fill:none;stroke:currentColor}
.sr-faq-a{color:#374151;font-size:.88em;padding-left:24px;line-height:1.65}

/* ── BUTTONS ── */
.sr-gradient-btn{background:linear-gradient(90deg,#14532d 0%,#16a34a 100%);
  border:1px solid #15803d;border-radius:13px;color:white!important;text-decoration:none;
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 22px;margin:20px 0;transition:opacity .2s,transform .2s;
  box-shadow:0 4px 16px rgba(22,163,74,.25)}
.sr-gradient-btn:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 7px 22px rgba(22,163,74,.35)}
.sr-btn-content{display:flex;flex-direction:column;align-items:center;width:100%}
.sr-btn-title{font-family:'DM Sans',system-ui,sans-serif;font-weight:700;font-size:1em;letter-spacing:.6px}
.sr-btn-sub{font-size:.72em;opacity:.9;margin-top:2px;text-transform:uppercase;letter-spacing:.04em}
.sr-gradient-btn>svg{width:20px;height:20px;stroke:white;stroke-width:2.2;fill:none;flex-shrink:0}

.sr-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}
.sr-action-btn{background:#fff;border:1px solid var(--border);color:#1e2533!important;
  text-decoration:none;padding:11px 12px;border-radius:10px;display:flex;align-items:center;
  justify-content:center;gap:8px;font-weight:600;font-size:.88em;transition:all .18s;box-shadow:0 1px 4px rgba(0,0,0,.05)}
.sr-action-btn:hover{background:#f5f7ff;border-color:#bfdbfe;color:#1d4ed8!important}
.sr-action-btn svg{width:15px;height:15px;stroke:#15803d;stroke-width:2;fill:none;flex-shrink:0}
.sr-social-btn{font-size:.79em;flex-direction:column;padding:13px 8px;gap:5px}
.sr-social-btn svg{width:20px;height:20px;stroke-width:1.6}
.btn-insta:hover{border-color:#e1306c;background:#fff0f6}.btn-insta svg{stroke:#e1306c}
.btn-tele:hover{border-color:#0088cc;background:#f0f8ff}.btn-tele svg{stroke:#0088cc}
.btn-yt:hover{border-color:#cc0000;background:#fff5f5}.btn-yt svg{stroke:#cc0000}
.btn-x:hover{border-color:#0f172a;background:#f8fafc}.btn-x svg{stroke:#0f172a}

/* ── IQ WIDGET ── */
.iq-wrap{border-radius:14px;overflow:hidden;margin:20px 0;
  border:1px solid #e0e7ff;background:#fff;box-shadow:0 2px 14px rgba(29,78,216,.08)}
.iq-shimmer{height:3px;background-size:200% 100%;animation:shimmer 2.2s linear infinite}
.iq-inner{padding:18px 20px}
.iq-head{display:flex;gap:13px;align-items:flex-start;margin-bottom:16px}
.iq-icon-wrap{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.iq-icon-wrap svg{width:18px;height:18px;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.iq-meta-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}
.iq-question{font-family:'DM Sans',system-ui,sans-serif;font-size:.95em;font-weight:700;color:#0d1117;line-height:1.45}
.iq-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.iq-opt{position:relative;border-radius:12px;padding:15px 12px;
  cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:9px;
  border:1.5px solid #e5e7eb;background:#f9fafb}
.iq-opt:hover{transform:translateY(-2px)}
.iq-opt-yes{border-color:#bbf7d0}.iq-opt-yes:hover{border-color:#16a34a;background:#f0fdf4;box-shadow:0 4px 16px rgba(22,163,74,.12)}
.iq-opt-no{border-color:#c7d2fe}.iq-opt-no:hover{border-color:#6366f1;background:#eef2ff;box-shadow:0 4px 16px rgba(99,102,241,.12)}
.iq-opt-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.iq-opt-icon svg{width:18px;height:18px;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.iq-opt-label{font-family:'DM Sans',system-ui,sans-serif;font-size:.81em;font-weight:700;text-align:center}
.iq-opt-sub{font-size:.71em;text-align:center;color:#6b7280;line-height:1.3}
.iq-opt-yes .iq-opt-label{color:#15803d}
.iq-opt-no .iq-opt-label{color:#4338ca}
.iq-opt-yes .iq-opt-icon{background:#dcfce7;border:1px solid #86efac}
.iq-opt-yes .iq-opt-icon svg{stroke:#16a34a}
.iq-opt-no .iq-opt-icon{background:#e0e7ff;border:1px solid #a5b4fc}
.iq-opt-no .iq-opt-icon svg{stroke:#6366f1}
.iq-result{display:none;animation:scaleIn .3s cubic-bezier(.4,0,.2,1)}
.iq-result.show{display:block}
.iq-result-inner{border-radius:10px;padding:14px 16px}
.iq-res-yes .iq-result-inner{background:#f0fdf4;border:1px solid #86efac}
.iq-res-no .iq-result-inner{background:#eef2ff;border:1px solid #a5b4fc}
.iq-res-head{display:flex;gap:9px;align-items:center;margin-bottom:8px}
.iq-res-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.iq-res-icon svg{width:15px;height:15px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.iq-res-yes .iq-res-icon{background:#dcfce7;border:1px solid #86efac}
.iq-res-yes .iq-res-icon svg{stroke:#15803d}
.iq-res-no .iq-res-icon{background:#e0e7ff;border:1px solid #a5b4fc}
.iq-res-no .iq-res-icon svg{stroke:#4338ca}
.iq-res-title{font-family:'DM Sans',system-ui,sans-serif;font-size:.9em;font-weight:700}
.iq-res-yes .iq-res-title{color:#15803d}
.iq-res-no .iq-res-title{color:#3730a3}
.iq-res-text{font-size:.84em;line-height:1.65;color:#374151;margin-bottom:12px}
.iq-res-text strong{color:#111827!important}
.iq-res-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 17px;
  border-radius:9px;font-family:'DM Sans',system-ui,sans-serif;font-size:.8em;font-weight:700;
  color:#fff!important;text-decoration:none;transition:all .2s;border:none;cursor:pointer}
.iq-res-btn:hover{transform:translateY(-1px)}
.iq-res-btn svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;flex-shrink:0}

/* ── TABLES & SALARY CARDS ── */
.ep-table{width:100%;max-width:100%;border-collapse:collapse;margin:12px 0;border-radius:11px;border:1px solid #e5e8ef;font-size:.88em;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;} 
.ep-table th{background:#1d4ed8;color:#fff;padding:10px 12px;text-align:left;font-family:'DM Sans',system-ui,sans-serif;font-weight:700;font-size:.85em}
.ep-table td{padding:9px 12px;border-bottom:1px solid #f0f3f8;color:#1e2533;vertical-align:top}
.ep-table tr:last-child td{border-bottom:none}
.ep-table tr:nth-child(even) td{background:#f8faff}
.ep-table .td-center{text-align:center;font-weight:600}

.salary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
.sal-card{border-radius:11px;padding:14px 15px;border:1px solid;text-align:center}
.sal-card-green{background:#f0fdf4;border-color:#86efac}
.sal-card-blue{background:#eff6ff;border-color:#bfdbfe}
.sal-card-amber{background:#fffbeb;border-color:#fde68a}
.sal-card-purple{background:#f3e8ff;border-color:#d8b4fe}
.sal-card-label{font-size:.72em;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}
.sal-card-value{font-family:'DM Sans',system-ui,sans-serif;font-size:1.05em;font-weight:700;color:#0d1117}
.sal-card-sub{font-size:.7em;color:#9ca3af;margin-top:2px}

/* ── SIDEBAR ── */
.sidebar{display:flex;flex-direction:column;gap:14px}
.sb-sticky{display:flex;flex-direction:column;gap:14px}
.sb-card{border-radius:14px;overflow:hidden;border:1px solid var(--border);background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.sb-shimmer{height:3px;background-size:200% 100%;animation:shimmer 2s linear infinite}
.sb-body{padding:15px 16px}
.sb-badge-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.sb-tag{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.sb-tag-cyan{background:#cffafe;color:#0e7490;border:1px solid #a5f3fc}
.sb-tag-amber{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}
.sb-hot{font-size:10px;font-weight:700;color:#b91c1c}
.sb-title{font-family:'DM Sans',system-ui,sans-serif;font-size:.94em;font-weight:700;line-height:1.3;color:#0d1117;margin-bottom:5px}
.sb-desc{font-size:.78em;color:#4b5563;line-height:1.55;margin-bottom:11px}
.sb-feats{list-style:none;margin-bottom:11px;display:flex;flex-direction:column;gap:6px}
.sb-feats li{display:flex;align-items:center;gap:6px;font-size:.79em;font-weight:500}
.sb-feats li svg{width:12px;height:12px;flex-shrink:0}
.sb-price-row{display:flex;align-items:baseline;gap:7px;margin-bottom:11px}
.sb-price{font-family:'DM Sans',system-ui,sans-serif;font-weight:700;font-size:1.85rem;line-height:1}
.sb-old{font-size:.82em;text-decoration:line-through;color:#9ca3af}
.sb-off{padding:3px 8px;border-radius:999px;font-size:.68em;font-weight:700}
.off-g{background:#dcfce7;color:#15803d;border:1px solid #86efac}
.off-a{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}
.sb-btn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;
  padding:10px 12px;border-radius:10px;font-family:'DM Sans',system-ui,sans-serif;font-size:.82em;
  font-weight:700;color:#fff!important;cursor:pointer;border:none;
  transition:transform .2s,box-shadow .3s;text-decoration:none}
.sb-btn:hover{transform:translateY(-1px)}
.sb-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;flex-shrink:0}
.sb-cyan{background:linear-gradient(135deg,#0891b2,#1d4ed8);box-shadow:0 3px 12px rgba(8,145,178,.25)}
.sb-cyan:hover{box-shadow:0 6px 20px rgba(8,145,178,.38)}
.sb-amber{background:linear-gradient(135deg,#f59e0b,#ef4444);box-shadow:0 3px 12px rgba(245,158,11,.25)}
.sb-amber:hover{box-shadow:0 6px 20px rgba(239,68,68,.35)}
.sb-footer{text-align:center;font-size:.7em;color:#9ca3af;margin-top:6px}
.sb-tip{border-radius:11px;padding:12px 13px;border:1px solid #bbf7d0;background:#f0fdf4;display:flex;gap:9px;align-items:flex-start}
.sb-tip>svg{width:14px;height:14px;stroke:#15803d;fill:none;stroke-width:2;flex-shrink:0;margin-top:2px}
.sb-tip p{font-size:.79em;color:#166534;line-height:1.55}
.sb-tip strong{color:#14532d!important}

/* TOC SIDEBAR */
.sb-toc{border-radius:13px;background:#fff;border:1px solid var(--border);padding:13px 14px;box-shadow:0 1px 6px rgba(0,0,0,.05)}
.sb-toc-hd{font-family:'DM Sans',system-ui,sans-serif;font-size:.71em;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b7280;margin-bottom:9px;padding-bottom:6px;border-bottom:1px solid #f0f3f8}
.sb-toc a{display:flex;align-items:center;gap:8px;font-size:.8em;font-weight:500;padding:6px 8px;border-radius:8px;color:#374151;text-decoration:none;transition:all .18s}
.sb-toc a:hover,.sb-toc a.active{background:#eff6ff;color:#1d4ed8;font-weight:600}
.sb-toc a svg{width:13px;height:13px;stroke:#9ca3af;fill:none;stroke-width:2;flex-shrink:0;transition:stroke .18s}
.sb-toc a:hover svg,.sb-toc a.active svg{stroke:#1d4ed8}
.sb-toc-apply{background:#f0fdf4!important;color:#15803d!important;font-weight:600!important}
.sb-toc-apply svg{stroke:#15803d!important}
.sb-toc-apply:hover,.sb-toc-apply.active{background:#dcfce7!important;color:#14532d!important}

/* ── MOBILE STICKY BOTTOM ── */
.mob-sticky{display:none;position:fixed;bottom:0;left:0;right:0;z-index:200;
  background:rgba(255,255,255,.98);backdrop-filter:blur(16px);
  border-top:1px solid #e5e7eb;box-shadow:0 -2px 14px rgba(0,0,0,.1);
  padding:9px 12px;padding-bottom:calc(9px + env(safe-area-inset-bottom,0px))}
.mob-sticky-inner{display:flex;gap:7px;max-width:500px;margin:0 auto}
.mob-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;
  padding:10px 6px;border-radius:10px;font-family:'DM Sans',system-ui,sans-serif;font-size:.72em;
  font-weight:700;color:#fff!important;border:none;cursor:pointer;text-decoration:none;transition:transform .15s}
.mob-btn:active{transform:scale(.97)}
.mob-btn svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2.5;flex-shrink:0}
.mob-green{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 3px 10px rgba(22,163,74,.28)}
.mob-cyan{background:linear-gradient(135deg,#0891b2,#1d4ed8);box-shadow:0 3px 10px rgba(8,145,178,.28)}
.mob-amber{background:linear-gradient(135deg,#f59e0b,#ef4444);box-shadow:0 3px 10px rgba(245,158,11,.28)}
.spacer-mob{height:70px}

/* ── MOBILE PROMO CARDS ── */
.mob-promo-cards{display:none}
.mob-promo-card{border-radius:14px;overflow:hidden;border:1px solid var(--border);background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.07);margin-bottom:13px}
.mob-promo-card#notes-promo{border-color:#a5f3fc}
.mob-promo-card#mcqs-promo{border-color:#fcd34d}
.mob-promo-shimmer{height:3px;background-size:200% 100%;animation:shimmer 2s linear infinite}
.mob-promo-body{padding:15px 16px}

/* ════════════════════════════════════════════════════════
   TRUE EDGE-TO-EDGE MOBILE OVERRIDES (ZERO BLOAT)
   ════════════════════════════════════════════════════════ */
@media(max-width:860px){
  .layout{grid-template-columns:1fr}
  .sidebar{display:none}
  .mob-bar{display:flex}
  .mob-toc-strip{display:flex}
  .mob-sticky{display:block}
  .mob-promo-cards{display:block;margin:16px 0}
  
  /* Adjusted padding for mobile math */
  .page-wrap{padding:10px 6px 8px} 
  
  .spacer-mob{height:10px}
  .salary-grid{grid-template-columns:1fr 1fr}
  .ep-table{font-size:.8em}
  .ep-table th,.ep-table td{padding:8px 9px}
  .sr-grid-2{grid-template-columns:1fr}

  /* MAGIC EDGE-TO-EDGE LOGIC */
  .sr-info-card, .toc-block, .sr-faq-item, .mob-promo-card, .iq-wrap, .sb-card {
    border-radius: 0 !important;
    box-shadow: none !important;
    border-left: none !important;
    border-right: none !important;
    border-top: 1px solid #eef0f5 !important;
    border-bottom: 1px solid #eef0f5 !important;
    margin-left: -16px !important;
    margin-right: -16px !important;
    width: calc(100% + 32px) !important;
  }
  
  /* Inner Padding fix to prevent text from touching screen edges */
  .sr-info-card { padding-left: 20px !important; padding-right: 20px !important; }
  .toc-block-hd, .toc-entry { padding-left: 20px !important; padding-right: 20px !important; }
  .mob-promo-body, .iq-inner { padding-left: 20px !important; padding-right: 20px !important; }
  .iq-result-inner { border-radius: 0 !important; }
}

@media(min-width:861px){.mob-promo-cards{display:none}}
@media(max-width:480px){
  .salary-grid{grid-template-columns:1fr}
}