/*
Theme Name: NSR Modern
Theme URI: https://newsarkariresults.com
Author: Muse (built for New Sarkari Results)
Author URI: https://newsarkariresults.com
Description: A fast, modern and advanced WordPress theme for Sarkari Result / government job portals. Category-driven homepage (Results, Admit Card, Latest Jobs, Answer Key, Syllabus, Admission), honest published/updated dates, automatic table of contents on articles, dark mode, sticky mobile bar, big job search, and full RankMath compatibility with no duplicate SEO meta. No jQuery, one stylesheet, system fonts - built for speed on slow mobile connections.
Version: 1.2.1
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nsr-modern
Tags: custom-colors, custom-menu, featured-images, threaded-comments, translation-ready, blog, news
*/

/* ============ Design tokens ============ */
:root{
  --primary:#3730a3;
  --primary-2:#6d28d9;
  --accent:#f97316;
  --bg:#f4f6fb;
  --surface:#ffffff;
  --surface-2:#eef1f8;
  --text:#131a2a;
  --muted:#5b6579;
  --border:#dde3ef;
  --header-bg:linear-gradient(100deg,#130f33 0%,#251a5e 55%,#3b1470 100%);
  --hero-bg:linear-gradient(120deg,#130f33 0%,#2b1a63 52%,#471a86 100%);
  --shadow:0 8px 28px rgba(23,25,84,.10);
  --shadow-sm:0 2px 10px rgba(23,25,84,.08);
  --radius:16px;
  --radius-sm:10px;
  --green:#15803d; --blue:#1d4ed8; --red:#dc2626; --purple:#7e22ce; --teal:#0f766e; --pink:#be185d;
  color-scheme:light;
}
html[data-theme="dark"]{
  --bg:#0b0f1c;
  --surface:#141a2e;
  --surface-2:#1b2340;
  --text:#e7ebf5;
  --muted:#9aa5bf;
  --border:#26304f;
  --shadow:0 8px 28px rgba(0,0,0,.45);
  --shadow-sm:0 2px 10px rgba(0,0,0,.4);
  color-scheme:dark;
}

/* ============ Base ============ */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans","Noto Sans Devanagari","Helvetica Neue",Arial,sans-serif;
  font-size:16px;line-height:1.62;-webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto}
a{color:var(--primary);text-decoration:none}
html[data-theme="dark"] a{color:#c7d2fe}
html[data-theme="dark"] .site-header a,html[data-theme="dark"] .topbar a,html[data-theme="dark"] .hero a{color:#ffffff}
a:hover{text-decoration:underline}
.wrap{max-width:1220px;margin:0 auto;padding:0 16px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link:focus{position:fixed!important;top:8px;left:8px;width:auto;height:auto;clip:auto;background:var(--accent);color:#fff;padding:8px 14px;border-radius:8px;z-index:200}
::selection{background:var(--accent);color:#fff}
h1,h2,h3,h4{line-height:1.25;color:var(--text)}

/* ============ Topbar ============ */
.topbar{background:#0d0a24;color:#ffffff;font-size:13px;font-weight:600}
html[data-theme="dark"] .topbar{background:#070912}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:5px;padding-bottom:5px}
.topbar a{color:#ffffff}
.topbar .tb-links{display:flex;gap:14px}
.icon-btn{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.55);color:#fff;border-radius:999px;padding:2px 10px;cursor:pointer;font-size:12.5px;font-weight:700}
.icon-btn:hover{border-color:#fff}

/* ============ Header ============ */
.site-header{background:var(--header-bg);color:#fff;position:relative}
.site-header .wrap{display:flex;align-items:center;gap:16px;padding-top:16px;padding-bottom:16px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:12px;color:#fff;min-width:0}
.brand:hover{text-decoration:none}
/* Custom logo: keep it small, and give it a white pill so logos designed
   for light backgrounds (dark text/artwork) stay readable on the dark
   header instead of disappearing into it. */
.custom-logo-link{display:inline-flex;align-items:center;background:#fff;border-radius:12px;padding:5px 10px;box-shadow:var(--shadow-sm);flex:0 0 auto;line-height:0}
.custom-logo{height:46px;width:auto;max-width:190px;display:block}
.brand img{max-height:52px;width:auto}
.brand-badge{
  width:48px;height:48px;border-radius:14px;flex:0 0 auto;
  background:linear-gradient(135deg,var(--accent),#fbbf24);
  display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:19px;color:#231303;letter-spacing:.5px;
  box-shadow:0 6px 16px rgba(249,115,22,.4);
}
.brand-text{display:flex;flex-direction:column;line-height:1.15;min-width:0}
.site-title{font-size:clamp(21px,3.4vw,30px);font-weight:800;letter-spacing:.2px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.45);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site-tagline{font-size:13px;color:#ffffff;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.4)}
.header-search{margin-left:auto;flex:1 1 320px;max-width:480px}
.search-form{display:flex;background:#fff;border-radius:999px;padding:4px;box-shadow:var(--shadow-sm)}
.search-form input[type="search"]{flex:1;border:0;outline:0;padding:9px 14px;font-size:15px;border-radius:999px;color:#131a2a;background:transparent;min-width:0}
.search-form input[type="search"]::placeholder{color:#5f6b82;opacity:1}
.search-form button{border:0;background:var(--accent);color:#fff;font-weight:700;padding:9px 20px;border-radius:999px;cursor:pointer;font-size:15px}
.search-form button:hover{background:#ea580c}

/* ============ Nav ============ */
.main-nav{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:90;box-shadow:0 1px 0 rgba(0,0,0,.02)}
.main-nav .wrap{display:flex;align-items:center;gap:6px}
.nav-toggle{display:none;background:none;border:0;font-size:22px;padding:10px 6px;cursor:pointer;color:var(--text)}
.nav-menu{display:flex;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.nav-menu li a{display:block;padding:12px 13px;font-weight:600;font-size:15px;color:var(--text)}
.nav-menu li a:hover{color:var(--primary);text-decoration:none;background:var(--surface-2)}
.nav-menu li.current-menu-item>a,.nav-menu li.current_page_item>a{color:var(--primary);box-shadow:inset 0 -3px 0 var(--accent)}

/* ============ Ticker ============ */
.ticker{background:var(--surface);border-bottom:1px solid var(--border);overflow:hidden}
.ticker .wrap{display:flex;align-items:center;gap:12px;padding-top:0;padding-bottom:0}
.ticker-label{background:var(--red);color:#fff;font-weight:800;font-size:12.5px;padding:4px 10px;border-radius:6px;white-space:nowrap;letter-spacing:.4px}
.ticker-viewport{overflow:hidden;flex:1;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.ticker-track{display:inline-flex;gap:48px;white-space:nowrap;padding:9px 0;animation:nsr-ticker 60s linear infinite}
.ticker:hover .ticker-track{animation-play-state:paused}
.ticker-track a{color:var(--text);font-weight:600;font-size:14.5px}
.ticker-track a::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:10px;vertical-align:2px}
@keyframes nsr-ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.ticker-track{animation:none}html{scroll-behavior:auto}}

/* ============ Hero ============ */
.hero{background:var(--hero-bg);color:#fff;margin-bottom:26px}
.hero .wrap{padding-top:34px;padding-bottom:38px;text-align:center}
.hero h1{color:#fff;font-size:clamp(23px,4vw,35px);margin:0 0 8px;font-weight:800}
.hero p{color:#ffffff;margin:0 auto 20px;max-width:640px;font-size:16px;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.35)}
.hero .search-form{max-width:640px;margin:0 auto;box-shadow:0 14px 34px rgba(0,0,0,.3)}
.hero .search-form input[type="search"]{padding:13px 18px;font-size:16.5px}
.hero .search-form button{padding:13px 26px}
.chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:18px}
.chips a{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.5);color:#fff;padding:6px 14px;border-radius:999px;font-size:13.5px;font-weight:700}
.chips a:hover{background:rgba(255,255,255,.25);text-decoration:none}
.hero-stats{display:flex;gap:26px;justify-content:center;margin-top:22px;flex-wrap:wrap}
.hero-stats .stat{text-align:center}
.hero-stats .num{font-size:21px;font-weight:800}
.hero-stats .lbl{font-size:12.5px;color:#ffffff;font-weight:600}

/* ============ Section boxes (homepage) ============ */
.box-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px}
.cat-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}
.cat-box-head{display:flex;align-items:center;gap:10px;padding:13px 16px;color:#fff}
.cat-box-head h2{margin:0;font-size:18.5px;color:#fff;font-weight:800}
.cat-box-head .dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.85)}
.cat-box-head .view-all{margin-left:auto;color:#fff;font-size:13px;font-weight:700;background:rgba(255,255,255,.18);padding:4px 10px;border-radius:999px}
.cat-box-head .view-all:hover{background:rgba(255,255,255,.32);text-decoration:none}
.cat-results .cat-box-head{background:linear-gradient(90deg,#14532d,var(--green))}
.cat-admit-card .cat-box-head{background:linear-gradient(90deg,#1e3a8a,var(--blue))}
.cat-latest-jobs .cat-box-head{background:linear-gradient(90deg,#9a3412,#ea580c)}
.cat-answer-key .cat-box-head{background:linear-gradient(90deg,#581c87,var(--purple))}
.cat-syllabus .cat-box-head{background:linear-gradient(90deg,#134e4a,var(--teal))}
.cat-admission .cat-box-head{background:linear-gradient(90deg,#831843,var(--pink))}
.post-list{list-style:none;margin:0;padding:8px 6px;flex:1}
.post-list li{border-bottom:1px dashed var(--border)}
.post-list li:last-child{border-bottom:0}
.post-list a{display:flex;gap:8px;padding:8px 10px;color:var(--text);font-weight:600;font-size:15px;line-height:1.45;border-radius:8px}
.post-list a:hover{background:var(--surface-2);text-decoration:none;color:var(--primary)}
html[data-theme="dark"] .post-list a:hover{color:#a5b4fc}
.post-list .d{margin-left:auto;flex:0 0 auto;font-size:11.5px;color:var(--muted);font-weight:700;background:var(--surface-2);border-radius:6px;padding:2.5px 7px;height:fit-content;white-space:nowrap}
.new-badge{background:var(--red);color:#fff;font-size:10px;font-weight:800;padding:1.5px 6px;border-radius:5px;letter-spacing:.4px;flex:0 0 auto;height:fit-content;margin-top:3px}
.empty-note{padding:14px 16px;color:var(--muted);font-size:14.5px}

/* ============ Section headings + cards ============ */
.section-head{display:flex;align-items:baseline;gap:12px;margin:30px 0 14px}
.section-head h2{margin:0;font-size:23px;font-weight:800}
.section-head a{font-weight:700;font-size:14.5px}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.post-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:8px;transition:transform .15s ease,box-shadow .15s ease}
.post-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.post-card h3{margin:0;font-size:17px;line-height:1.4}
.post-card h3 a{color:var(--text)}
.post-card h3 a:hover{color:var(--primary);text-decoration:none}
.post-card .excerpt{color:var(--muted);font-size:14.5px;margin:0;flex:1}
.card-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}
.cat-badge{font-weight:800;font-size:11.5px;padding:3px 9px;border-radius:999px;color:#fff;background:var(--primary)}
.cat-badge.b-results{background:var(--green)} .cat-badge.b-admit-card{background:var(--blue)}
.cat-badge.b-latest-jobs{background:#ea580c} .cat-badge.b-answer-key{background:var(--purple)}
.cat-badge.b-syllabus{background:var(--teal)} .cat-badge.b-admission{background:var(--pink)}
.read-more{font-weight:700;font-size:14.5px}

/* ============ Layout with sidebar ============ */
.layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start;margin:24px 0 34px}
.sidebar{position:sticky;top:64px;display:flex;flex-direction:column;gap:16px}
.widget{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm)}
.widget h3,.widget-title{margin:0 0 10px;font-size:16.5px;font-weight:800}
.widget ul{list-style:none;margin:0;padding:0}
.widget li{padding:6px 0;border-bottom:1px dashed var(--border);font-size:14.5px}
.widget li:last-child{border-bottom:0}

/* ============ Article ============ */
.breadcrumbs{font-size:13.5px;color:var(--muted);margin:18px 0 10px;display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.breadcrumbs a{color:var(--muted);font-weight:600}
.article-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:clamp(18px,3.4vw,38px);box-shadow:var(--shadow-sm)}
.article-head h1{font-size:clamp(24px,3.8vw,36px);margin:8px 0 12px;font-weight:800}
.article-meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:13.5px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:10px 0;margin-bottom:18px}
.article-meta strong{color:var(--text)}
.share-row{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}
.share-row a,.share-row button{display:inline-flex;align-items:center;gap:6px;border:0;cursor:pointer;color:#fff;font-weight:700;font-size:13.5px;padding:7px 13px;border-radius:999px}
.share-row a:hover{text-decoration:none;filter:brightness(1.08)}
.sh-wa{background:#25d366}.sh-tg{background:#229ed9}.sh-x{background:#111}.sh-fb{background:#1877f2}.sh-copy{background:#475569}
.toc{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 18px;margin:0 0 22px}
.toc-title{font-weight:800;margin:0 0 8px;font-size:15.5px}
.toc ol{margin:0;padding-left:20px}
.toc li{margin:4px 0;font-size:14.5px}
.toc .toc-h3{margin-left:16px;list-style:none}
.entry-content{font-size:17px}
.entry-content h2{font-size:24px;margin:30px 0 12px;padding-bottom:6px;border-bottom:3px solid var(--accent);display:inline-block}
.entry-content h3{font-size:20px;margin:24px 0 10px}
.entry-content p{margin:0 0 15px}
.entry-content ul,.entry-content ol{margin:0 0 15px;padding-left:24px}
.entry-content li{margin:5px 0}
.entry-content table{width:100%;border-collapse:collapse;margin:18px 0;font-size:15.5px;display:block;overflow-x:auto}
.entry-content th,.entry-content td{border:1px solid var(--border);padding:9px 12px;text-align:left;vertical-align:top}
.entry-content th{background:var(--primary);color:#fff;font-weight:700}
html[data-theme="dark"] .entry-content th{background:#312e81}
.entry-content tr:nth-child(even) td{background:var(--surface-2)}
.entry-content a{font-weight:600;text-decoration:underline;text-underline-offset:2px}
.entry-content blockquote{border-left:4px solid var(--accent);margin:18px 0;padding:10px 16px;background:var(--surface-2);border-radius:0 10px 10px 0}
.entry-content img{border-radius:10px}
.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 4px}
.tag-row a{background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:5px 12px;border-radius:999px;font-size:13px;font-weight:600}
.prev-next{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0 0}
.prev-next a{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:13px 15px;color:var(--text);font-weight:700;font-size:14.5px;box-shadow:var(--shadow-sm)}
.prev-next a:hover{color:var(--primary);text-decoration:none}
.prev-next .nx{text-align:right}
.prev-next span{display:block;font-size:12px;color:var(--muted);font-weight:600}

/* ============ Archive / search ============ */
.archive-head{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:24px;box-shadow:var(--shadow-sm);margin:24px 0 18px}
.archive-head h1{margin:0 0 6px;font-size:29px}
.archive-head p{margin:0;color:var(--muted)}
.list-rows{display:flex;flex-direction:column;gap:12px}
.pagination{display:flex;gap:6px;justify-content:center;margin:26px 0;flex-wrap:wrap}
.pagination .page-numbers{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:8px 14px;border-radius:10px;font-weight:700;font-size:14.5px}
.pagination .page-numbers.current{background:var(--primary);color:#fff;border-color:var(--primary)}
.pagination a.page-numbers:hover{border-color:var(--primary);text-decoration:none}

/* ============ Comments ============ */
.comments-area{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:22px;margin:20px 0;box-shadow:var(--shadow-sm)}
.comment-list{list-style:none;padding:0;margin:0}
.comment{border-bottom:1px dashed var(--border);padding:12px 0}
.comment-form input[type="text"],.comment-form input[type="email"],.comment-form textarea{width:100%;border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:var(--bg);color:var(--text)}
.comment-form .submit{background:var(--primary);color:#fff;border:0;padding:10px 22px;border-radius:999px;font-weight:700;cursor:pointer;width:auto}

/* ============ Footer ============ */
.site-footer{background:#141038;color:#cfcbee;margin-top:40px}
html[data-theme="dark"] .site-footer{background:#070912}
.site-footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:24px;padding:34px 0 10px}
.site-footer h4{color:#fff;margin:0 0 12px;font-size:16px}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li{margin:7px 0;font-size:14.5px}
.site-footer a{color:#cfcbee}
.site-footer a:hover{color:#fff}
.footer-note{border-top:1px solid rgba(255,255,255,.14);padding:16px 0 84px;font-size:13px;color:#a49fd6;text-align:center}

/* ============ Sticky mobile bar + to top ============ */
.mobile-bar{display:none;position:fixed;left:0;right:0;bottom:0;background:var(--surface);border-top:1px solid var(--border);z-index:120;box-shadow:0 -4px 18px rgba(0,0,0,.12)}
.mobile-bar a{flex:1;text-align:center;padding:8px 4px 10px;font-size:12px;font-weight:700;color:var(--text);display:flex;flex-direction:column;gap:2px;align-items:center}
.mobile-bar a:hover{text-decoration:none;color:var(--primary)}
.mobile-bar .mi{font-size:19px;line-height:1}
.to-top{position:fixed;right:16px;bottom:86px;width:44px;height:44px;border-radius:50%;border:0;background:var(--primary);color:#fff;font-size:19px;cursor:pointer;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .2s;z-index:110}
.to-top.show{opacity:1;pointer-events:auto}

/* ============ 404 ============ */
.notfound{text-align:center;padding:50px 16px}
.notfound .big{font-size:74px;font-weight:800;color:var(--primary);line-height:1}
.notfound .search-form{max-width:480px;margin:18px auto;border:1px solid var(--border)}

/* ============ Responsive ============ */
@media (max-width:1020px){
  .box-grid{grid-template-columns:1fr 1fr}
  .card-grid{grid-template-columns:1fr 1fr}
  .layout{grid-template-columns:1fr}
  .sidebar{position:static}
  .site-footer .cols{grid-template-columns:1fr 1fr}
}
@media (max-width:680px){
  /* Compact mobile scale - everything a step smaller and tighter */
  body{font-size:15.5px}
  .site-header .wrap{padding-top:10px;padding-bottom:10px;gap:10px}
  .custom-logo{height:36px;max-width:140px}
  .custom-logo-link{padding:4px 8px;border-radius:10px}
  .brand-badge{width:40px;height:40px;font-size:16px;border-radius:11px}
  .site-title{font-size:20px}
  .site-tagline{font-size:11.5px}
  .hero .wrap{padding-top:22px;padding-bottom:24px}
  .hero h1{font-size:25px}
  .hero p{font-size:14.5px;margin-bottom:14px}
  .hero .search-form input[type="search"]{padding:10px 13px;font-size:15px}
  .hero .search-form button{padding:10px 17px;font-size:14.5px}
  .search-form button{padding:9px 15px;font-size:14.5px}
  .hero-stats{margin-top:16px;gap:10px;flex-wrap:nowrap}
  .hero-stats>div{flex:1}
  .hero-stats .lbl{font-size:11.5px;line-height:1.35}
  .hero-stats .num{font-size:18px}
  .ticker-track a{font-size:13.5px}
  .cat-box-head{padding:10px 12px}
  .cat-box-head h2{font-size:16.5px}
  .post-list a{font-size:14.5px;padding:7px 8px}
  .section-head{margin:22px 0 10px}
  .section-head h2{font-size:20px}
  .post-card{padding:13px}
  .post-card h3{font-size:15.5px}
  /* Article goes truly full width on phones: no side gutters, no card
     frame eating space - content uses the whole screen. */
  .article-shell{padding-left:0;padding-right:0}
  .article-shell .breadcrumbs{padding-left:13px;padding-right:13px}
  .article-card{border-radius:0;border-left:0;border-right:0;padding:16px 13px}
  .article-head h1{font-size:23px}
  .entry-content{font-size:16px}
  .entry-content h2{font-size:20px}
  .entry-content h3{font-size:17.5px}
  .entry-content table{font-size:14px}
  .entry-content th,.entry-content td{padding:7px 9px}
  .article-shell .comments-area{border-radius:0;border-left:0;border-right:0}
  .article-shell .section-head,.article-shell .card-grid{margin-left:13px;margin-right:13px}
  .box-grid{grid-template-columns:1fr}
  .card-grid{grid-template-columns:1fr}
  .nav-toggle{display:block}
  .nav-menu{display:none;flex-direction:column;position:absolute;left:0;right:0;top:100%;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow);padding:8px 12px}
  .main-nav .wrap{position:relative}
  .nav-menu.open{display:flex}
  .header-search{order:3;flex-basis:100%;max-width:none}
  .mobile-bar{display:flex}
  .to-top{bottom:86px}
  .prev-next{grid-template-columns:1fr}
  .site-footer .cols{grid-template-columns:1fr}
  .topbar .tb-links{display:none}
  body{padding-bottom:56px}
}
@media print{
  .topbar,.site-header,.main-nav,.ticker,.share-row,.mobile-bar,.to-top,.sidebar,.site-footer,.toc{display:none!important}
  body{background:#fff}
}

/* ============ v1.1.0: tiles, tinted boxes, richer footer ============ */

/* Subtle dotted texture so sections sit on a visibly different ground */
body{background-image:radial-gradient(rgba(55,48,163,.055) 1px,transparent 1.1px);background-size:22px 22px}
html[data-theme="dark"] body{background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1.1px)}

/* Quick-access category tiles */
.tile-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:0 0 22px}
.tile{border-radius:16px;padding:15px 14px;color:#fff;display:flex;flex-direction:column;gap:1px;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease}
.tile:hover{text-decoration:none;transform:translateY(-3px);box-shadow:var(--shadow)}
.tile .t-ico{font-size:21px;line-height:1.1}
.tile .t-name{font-weight:800;font-size:16px;color:#fff}
.tile .t-count{font-size:12.5px;color:rgba(255,255,255,.93);font-weight:600}
.tile-results{background:linear-gradient(140deg,#16a34a,#14532d)}
.tile-admit-card{background:linear-gradient(140deg,#2563eb,#1e3a8a)}
.tile-latest-jobs{background:linear-gradient(140deg,#f97316,#9a3412)}
.tile-answer-key{background:linear-gradient(140deg,#9333ea,#581c87)}
.tile-syllabus{background:linear-gradient(140deg,#0d9488,#134e4a)}
.tile-admission{background:linear-gradient(140deg,#db2777,#831843)}
@media (max-width:1020px){.tile-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:680px){
  .tile-grid{grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:16px}
  .tile{padding:11px 10px;border-radius:13px}
  .tile .t-ico{font-size:17px}
  .tile .t-name{font-size:13.5px}
  .tile .t-count{font-size:11px}
}

/* Category boxes: each section gets its own soft tinted ground, clearly
   different from the page background */
.cat-results{background:#e8f8ee}
.cat-admit-card{background:#e7eefc}
.cat-latest-jobs{background:#fdf0e2}
.cat-answer-key{background:#f4eafd}
.cat-syllabus{background:#e4f5f1}
.cat-admission{background:#fde9f1}
.cat-box .post-list a:hover{background:rgba(255,255,255,.65)}
html[data-theme="dark"] .cat-results{background:color-mix(in srgb,#22c55e 13%,var(--surface))}
html[data-theme="dark"] .cat-admit-card{background:color-mix(in srgb,#3b82f6 13%,var(--surface))}
html[data-theme="dark"] .cat-latest-jobs{background:color-mix(in srgb,#f97316 13%,var(--surface))}
html[data-theme="dark"] .cat-answer-key{background:color-mix(in srgb,#a855f7 13%,var(--surface))}
html[data-theme="dark"] .cat-syllabus{background:color-mix(in srgb,#14b8a6 13%,var(--surface))}
html[data-theme="dark"] .cat-admission{background:color-mix(in srgb,#ec4899 13%,var(--surface))}
html[data-theme="dark"] .cat-box .post-list a:hover{background:var(--surface-2)}

/* Section headings get an accent spine */
.section-head h2{border-left:5px solid var(--accent);padding-left:11px}

/* Footer, redesigned: gradient ground, rainbow top stripe, CTA strip */
.site-footer{background:linear-gradient(160deg,#171238 0%,#251457 58%,#33155f 100%);position:relative}
.site-footer::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent),#db2777,#7c3aed,#0d9488)}
.footer-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:22px 0 2px}
.footer-cta .cta-text{font-size:19px;font-weight:800;color:#fff}
.footer-cta .cta-sub{font-size:13.5px;color:#d9d4ff}
.footer-cta .search-form{min-width:min(420px,100%)}
.site-footer h4{position:relative;padding-bottom:8px}
.site-footer h4::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:3px;border-radius:2px;background:var(--accent)}
.site-footer .custom-logo-link{margin-bottom:10px}
.f-count{background:rgba(255,255,255,.15);padding:0 8px;border-radius:999px;font-size:11.5px;font-weight:700;float:right;margin-top:2px}
.site-footer li a{display:block;padding:1px 0}
.site-footer li a:hover{color:#fff;transform:translateX(3px)}
.site-footer li a{transition:transform .12s ease}

/* ============ v1.2.0: anti-overlap fixes ============ */
/* Anchor jumps (TOC) land below the sticky nav, not underneath it */
html{scroll-padding-top:96px}
/* When the WordPress admin bar is showing (logged-in view), the sticky
   nav parks itself under the bar instead of overlapping it */
body.admin-bar .main-nav{top:32px}
@media (max-width:782px){
  body.admin-bar .main-nav{top:46px}
  html{scroll-padding-top:120px}
}
/* Mobile bar respects the phone's gesture area and content always gets
   full clearance at the end of the page */
.mobile-bar{padding-bottom:env(safe-area-inset-bottom)}
.mobile-bar{z-index:60}
.main-nav{z-index:55}
.site-header{position:relative;z-index:56}
.ticker{position:relative;z-index:1}
@media (max-width:680px){
  body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
}