/*
Theme Name: HSCResult.in
Theme URI: https://hscresult.in
Description: An enterprise-grade, fully-automatic, AI-powered WordPress theme for HSCResult.in — a Maharashtra HSC (Class 12) Result portal. Powered by Amazon Bedrock (API-key auth), it monitors official Maharashtra HSC sources every 10 minutes, researches, writes E-E-A-T / Helpful-Content English articles, generates Google-Discover-friendly AI images, adds full schema + meta, and auto-publishes. SEO, Google Discover, AdSense and Core Web Vitals optimized. 100% English. Mobile-first. Standalone theme (no parent required).
Author: HSCResult.in
Author URI: https://hscresult.in
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hscresult
Tags: education, news, blog, custom-menu, featured-images, threaded-comments, translation-ready, ai, seo, discover
*/

/* ============================================================
   DESIGN TOKENS
   ============================================================ */
:root{
  --hsc-primary:#0b3d91;
  --hsc-primary-d:#082a66;
  --hsc-primary-l:#1565c0;
  --hsc-primary-xl:#e8f0fe;
  --hsc-accent:#f9a825;
  --hsc-accent-d:#c17900;
  --hsc-red:#c62828;
  --hsc-red-l:#ffebee;
  --hsc-green:#2e7d32;
  --hsc-green-l:#e8f5e9;
  --hsc-orange:#e65100;
  --hsc-bg:#f4f6fb;
  --hsc-card:#ffffff;
  --hsc-border:#d7deea;
  --hsc-text:#16202c;
  --hsc-muted:#4a5568;
  --hsc-link:#0b3d91;
  --hsc-font:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --hsc-radius:8px;
  --hsc-shadow:0 1px 3px rgba(11,61,145,.10),0 1px 2px rgba(0,0,0,.04);
  --hsc-shadow-lg:0 6px 24px rgba(11,61,145,.12);
  --hsc-max:1180px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}
body{font-family:var(--hsc-font);font-size:16px;line-height:1.7;color:var(--hsc-text);background:var(--hsc-bg);overflow-x:hidden}
a{color:var(--hsc-link);text-decoration:none}
a:hover{text-decoration:underline;color:var(--hsc-primary-d)}
img{max-width:100%;height:auto;display:block}
ul,ol{list-style:none}
h1,h2,h3,h4,h5{line-height:1.3;font-weight:700;color:var(--hsc-text)}
button{font-family:inherit;cursor:pointer}
input,select,textarea{font-family:inherit}

.hsc-wrap{max-width:var(--hsc-max);margin:0 auto;padding:0 16px}
.hsc-skip{position:absolute;left:-9999px}
.hsc-skip:focus{left:8px;top:8px;z-index:100000;background:#fff;padding:8px 14px;border-radius:6px;box-shadow:var(--hsc-shadow-lg)}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

/* ============================================================
   TOP BAR
   ============================================================ */
.hsc-topbar{background:var(--hsc-primary-d);color:rgba(255,255,255,.92);font-size:12.5px;padding:6px 0}
.hsc-topbar .hsc-wrap{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.hsc-topbar-left{display:flex;align-items:center;gap:8px}
.hsc-topbar-tag{background:var(--hsc-accent);color:#1a1a1a;font-size:10px;font-weight:800;padding:2px 8px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px}
.hsc-topbar-right{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.hsc-topbar-btn{display:inline-flex;align-items:center;gap:5px;color:#fff!important;font-size:11.5px;padding:3px 9px;border:1px solid rgba(255,255,255,.25);border-radius:4px;text-decoration:none!important}
.hsc-topbar-btn:hover{background:rgba(255,255,255,.14)}
.hsc-topbar-btn.wa:hover{background:#25d366;border-color:#25d366}
.hsc-topbar-btn.tg:hover{background:#0088cc;border-color:#0088cc}

/* ============================================================
   HEADER
   ============================================================ */
.hsc-header{background:var(--hsc-primary);padding:14px 0;border-bottom:3px solid var(--hsc-accent)}
.hsc-header-inner{display:flex;align-items:center;gap:16px}
.hsc-logo-link{display:flex;align-items:center;gap:13px;text-decoration:none!important;flex-shrink:0}
.hsc-logo-img,.hsc-logo-ph{width:60px;height:60px;border-radius:50%;border:3px solid rgba(255,255,255,.6);object-fit:cover;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.hsc-site-name{color:#fff;font-size:23px;font-weight:800;line-height:1.15;text-shadow:0 1px 2px rgba(0,0,0,.2)}
.hsc-site-tagline{color:rgba(255,255,255,.82);font-size:12.5px;margin-top:2px}
.hsc-badge-portal{display:inline-flex;align-items:center;gap:4px;margin-top:4px;font-size:10px;font-weight:700;color:#fff;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);padding:2px 8px;border-radius:20px}
.hsc-header-right{margin-left:auto;display:flex;align-items:center;gap:10px}
.hsc-header-date{color:rgba(255,255,255,.85);font-size:12px;font-weight:600;white-space:nowrap}
.hsc-header-search{display:flex;align-items:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);border-radius:6px;overflow:hidden}
.hsc-header-search input{background:transparent;border:none;outline:none;color:#fff;padding:8px 12px;font-size:14px;width:190px}
.hsc-header-search input::placeholder{color:rgba(255,255,255,.65)}
.hsc-header-search button{background:var(--hsc-accent);color:#1a1a1a;border:none;padding:9px 12px;display:flex;align-items:center}

/* ============================================================
   NAVIGATION
   ============================================================ */
.hsc-nav{background:var(--hsc-primary-d);position:sticky;top:0;z-index:1000;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.hsc-nav-inner{display:flex;align-items:stretch;position:relative}
.hsc-hamburger{display:none;background:none;border:none;color:#fff;padding:12px 14px;align-items:center;gap:8px;font-size:14px;font-weight:700}
.hsc-menu{display:flex;flex-wrap:wrap;margin:0;padding:0}
.hsc-menu>li{position:relative}
.hsc-menu>li>a{display:flex;align-items:center;gap:5px;color:#fff!important;padding:12px 14px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;text-decoration:none!important;border-right:1px solid rgba(255,255,255,.08)}
.hsc-menu>li>a:hover,.hsc-menu>li.current-menu-item>a,.hsc-menu>li.current_page_item>a{background:var(--hsc-primary)}
.hsc-menu .sub-menu{display:none;position:absolute;top:100%;left:0;background:#fff;border-top:3px solid var(--hsc-accent);min-width:230px;z-index:1001;box-shadow:var(--hsc-shadow-lg);border-radius:0 0 6px 6px;padding:6px 0}
.hsc-menu>li:hover .sub-menu,.hsc-menu>li:focus-within .sub-menu{display:block}
.hsc-menu .sub-menu li a{display:block;color:var(--hsc-text)!important;padding:9px 16px;font-size:13.5px;text-decoration:none!important}
.hsc-menu .sub-menu li a:hover{background:var(--hsc-primary-xl);color:var(--hsc-primary)!important}
.hsc-menu .menu-item-has-children>a::after{content:'\25be';font-size:10px;margin-left:3px}
.hsc-nav-search{margin-left:auto;display:flex;align-items:center;position:relative}
.hsc-nav-search-btn{background:none;border:none;color:#fff;padding:0 16px;display:flex;align-items:center;height:100%}
.hsc-nav-search-box{display:none;position:absolute;right:0;top:100%;background:#fff;padding:8px;box-shadow:var(--hsc-shadow-lg);border-radius:0 0 6px 6px;width:260px;z-index:1002}
.hsc-nav-search-box.open{display:block}
.hsc-nav-search-box form{display:flex;gap:6px}
.hsc-nav-search-box input{flex:1;border:1px solid var(--hsc-border);border-radius:6px;padding:8px 10px;font-size:14px;outline:none}
.hsc-nav-search-box button{background:var(--hsc-primary);color:#fff;border:none;border-radius:6px;padding:0 12px;display:flex;align-items:center}

/* ============================================================
   ALERT / TICKER
   ============================================================ */
.hsc-alert{background:var(--hsc-red);color:#fff;padding:6px 0;font-size:13px}
.hsc-alert .hsc-wrap{display:flex;align-items:center;gap:10px}
.hsc-alert-tag{background:#fff;color:var(--hsc-red);font-size:10px;font-weight:800;padding:2px 8px;border-radius:3px;text-transform:uppercase;white-space:nowrap;display:inline-flex;align-items:center;gap:5px}
.hsc-pulse{width:7px;height:7px;border-radius:50%;background:var(--hsc-red);box-shadow:0 0 0 0 rgba(198,40,40,.6);animation:hsc-pulse 1.4s infinite}
.hsc-alert-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
.hsc-alert-date{font-size:12px;white-space:nowrap;display:flex;align-items:center;gap:5px;opacity:.9}
@keyframes hsc-pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.6)}70%{box-shadow:0 0 0 8px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}

/* Result CTA bar */
.hsc-result-bar{background:linear-gradient(90deg,var(--hsc-primary) 0%,var(--hsc-primary-l) 100%);border-bottom:3px solid var(--hsc-accent);padding:9px 0}
.hsc-result-bar .hsc-wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.hsc-result-bar-lbl{color:var(--hsc-accent);font-size:13px;font-weight:800;display:flex;align-items:center;gap:6px}
.hsc-live-tag{background:var(--hsc-accent);color:#1a1a2e;font-size:10px;font-weight:700;padding:2px 6px;border-radius:2px;text-transform:uppercase;letter-spacing:.5px}
.hsc-result-bar-btn{display:inline-flex;align-items:center;gap:7px;background:var(--hsc-accent);color:#1a1a2e!important;font-size:14px;font-weight:800;padding:9px 22px;border-radius:4px;text-decoration:none!important;box-shadow:0 2px 8px rgba(0,0,0,.2);white-space:nowrap}
.hsc-result-bar-btn:hover{background:#ffb300;color:#1a1a2e!important}

.hsc-ticker{background:var(--hsc-primary-xl);border-bottom:1px solid var(--hsc-border);display:flex;align-items:center;height:38px;overflow:hidden}
.hsc-ticker-lbl{background:var(--hsc-primary);color:#fff;font-size:11px;font-weight:800;padding:0 14px;height:100%;display:flex;align-items:center;gap:6px;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}
.hsc-ticker-track{flex:1;overflow:hidden;white-space:nowrap}
.hsc-ticker-inner{display:inline-block;white-space:nowrap;animation:hsc-tick 40s linear infinite;font-size:13.5px;font-weight:500;will-change:transform}
.hsc-ticker-inner a{color:var(--hsc-primary);padding:0 18px}
.hsc-ticker-sep{opacity:.4;padding:0 2px}
@keyframes hsc-tick{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ============================================================
   LAYOUT
   ============================================================ */
.hsc-body{max-width:var(--hsc-max);margin:18px auto;padding:0 16px;display:grid;grid-template-columns:1fr 320px;gap:22px;align-items:start}
.hsc-main{min-width:0}
.hsc-sidebar{min-width:0;position:sticky;top:64px}

/* ============================================================
   CARDS
   ============================================================ */
.hsc-card{background:var(--hsc-card);border:1px solid var(--hsc-border);border-radius:var(--hsc-radius);margin-bottom:20px;overflow:hidden;box-shadow:var(--hsc-shadow)}
.hsc-card-hd{background:var(--hsc-primary);color:#fff;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.hsc-card-title{font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.3px;color:#fff;margin:0}
.hsc-card-more a{color:#fff!important;font-size:11.5px;background:rgba(255,255,255,.2);padding:4px 10px;border-radius:4px;text-decoration:none!important;font-weight:600;display:inline-flex;align-items:center;gap:4px}
.hsc-card-body{padding:18px}

/* ============================================================
   HERO
   ============================================================ */
.hsc-hero{background:linear-gradient(135deg,var(--hsc-primary) 0%,var(--hsc-primary-l) 100%);padding:34px 0 30px;border-bottom:4px solid var(--hsc-accent);color:#fff}
.hsc-hero-inner{display:grid;grid-template-columns:1.6fr 1fr;gap:26px;align-items:center}
.hsc-hero-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}
.hsc-hero-title{color:#fff;font-size:32px;font-weight:800;line-height:1.25;margin-bottom:12px;text-shadow:0 1px 3px rgba(0,0,0,.2)}
.hsc-hero-sub{color:rgba(255,255,255,.9);font-size:16px;margin-bottom:18px;max-width:720px}
.hsc-hero-status{display:inline-flex;align-items:center;gap:8px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.2);padding:7px 14px;border-radius:30px;font-size:13.5px;font-weight:600;margin-bottom:18px}
.hsc-sdot{width:9px;height:9px;border-radius:50%;background:var(--hsc-accent);box-shadow:0 0 0 0 rgba(249,168,37,.6);animation:hsc-pulse 1.6s infinite}
.hsc-hero-btns{display:flex;gap:12px;flex-wrap:wrap}
.hsc-notice-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);border-radius:var(--hsc-radius);overflow:hidden;backdrop-filter:blur(2px)}
.hsc-nc-hd{background:rgba(0,0,0,.2);padding:11px 16px;font-size:13.5px;font-weight:700;display:flex;align-items:center;gap:8px}
.hsc-nc-body{padding:14px 16px}
.hsc-dates-table{width:100%;border-collapse:collapse;font-size:13px}
.hsc-dates-table td{padding:7px 4px;border-bottom:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.92)}
.hsc-dates-table td:first-child{font-weight:600;width:42%}
.hsc-dates-table tr:last-child td{border-bottom:none}

/* BUTTONS */
.hsc-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:var(--hsc-radius);font-size:15px;font-weight:700;text-decoration:none!important;border:2px solid transparent;transition:transform .15s}
.hsc-btn:hover{transform:translateY(-1px)}
.hsc-btn-primary{background:var(--hsc-accent);color:#1a1a2e!important;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.hsc-btn-primary:hover{background:#ffb300;color:#1a1a2e!important}
.hsc-btn-outline{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.6)}
.hsc-btn-outline:hover{background:rgba(255,255,255,.14)}
.hsc-btn-dark{color:var(--hsc-primary)!important;border-color:var(--hsc-primary)}
.hsc-btn-dark:hover{background:var(--hsc-primary-xl)}

/* ============================================================
   HOME SECTION HELPERS
   ============================================================ */
.hsc-prose p{margin-bottom:12px;font-size:15.5px;line-height:1.8}
.hsc-prose a{color:var(--hsc-primary);text-decoration:underline}
.hsc-muted{color:var(--hsc-muted);font-size:13px}
.hsc-note{display:flex;gap:6px;align-items:flex-start;font-size:12.5px;color:var(--hsc-muted);margin-top:12px;line-height:1.6}
.hsc-tip{display:flex;gap:10px;align-items:flex-start;background:var(--hsc-primary-xl);border-left:4px solid var(--hsc-primary);border-radius:0 6px 6px 0;padding:12px 14px;margin-top:14px;font-size:14px;line-height:1.6}
.hsc-steps{counter-reset:step;padding-left:0}
.hsc-steps li{position:relative;padding:10px 0 10px 44px;border-bottom:1px dashed var(--hsc-border);font-size:14.5px;line-height:1.6}
.hsc-steps li:last-child{border-bottom:none}
.hsc-steps li::before{counter-increment:step;content:counter(step);position:absolute;left:0;top:9px;width:30px;height:30px;background:var(--hsc-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}
.hsc-table{width:100%;border-collapse:collapse;font-size:14px;border:1px solid var(--hsc-border)}
.hsc-table th,.hsc-table td{border:1px solid var(--hsc-border);padding:9px 12px;text-align:left}
.hsc-table thead th{background:var(--hsc-primary);color:#fff}
.hsc-table tbody tr:nth-child(even){background:var(--hsc-primary-xl)}
.hsc-grid{display:grid;gap:12px}
.hsc-grid-2{grid-template-columns:repeat(2,1fr)}
.hsc-grid-3{grid-template-columns:repeat(3,1fr)}
.hsc-feature{display:flex;gap:11px;align-items:flex-start;border:1px solid var(--hsc-border);border-radius:var(--hsc-radius);padding:13px;background:#fff}
.hsc-feature-ic{width:40px;height:40px;border-radius:10px;background:var(--hsc-primary-xl);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.hsc-feature-tx{display:flex;flex-direction:column;gap:2px}
.hsc-feature-tx strong{font-size:14px}
.hsc-feature-tx span{font-size:12.5px;color:var(--hsc-muted);line-height:1.5}
.hsc-linkcard{display:flex;gap:11px;align-items:center;border:1px solid var(--hsc-border);border-radius:var(--hsc-radius);padding:12px 14px;background:#fff;text-decoration:none!important}
.hsc-linkcard:hover{border-color:var(--hsc-primary);background:var(--hsc-primary-xl)}
.hsc-linkcard-ic{width:36px;height:36px;border-radius:9px;background:var(--hsc-primary-xl);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.hsc-linkcard-tx{display:flex;flex-direction:column}
.hsc-linkcard-tx strong{font-size:13.5px;color:var(--hsc-text)}
.hsc-linkcard-tx small{font-size:12px;color:var(--hsc-muted)}
.hsc-cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.hsc-ul{padding-left:20px}
.hsc-ul li{list-style:disc;margin-bottom:7px;font-size:14.5px;line-height:1.6}

/* Stat pills */
.hsc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.hsc-stat{text-align:center;border:1px solid var(--hsc-border);border-radius:var(--hsc-radius);padding:14px 8px;background:#fff}
.hsc-stat-num{font-size:24px;font-weight:800;color:var(--hsc-primary)}
.hsc-stat-lbl{font-size:12px;color:var(--hsc-muted);margin-top:2px}

/* ============================================================
   CATEGORY GRID
   ============================================================ */
.hsc-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.hsc-cat-tile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;padding:16px 10px;border:1px solid var(--hsc-border);border-radius:var(--hsc-radius);background:#fff;text-decoration:none!important;transition:all .15s}
.hsc-cat-tile:hover{background:var(--hsc-primary-xl);border-color:var(--hsc-primary);transform:translateY(-2px);box-shadow:var(--hsc-shadow)}
.hsc-cat-ic{width:44px;height:44px;border-radius:12px;background:var(--hsc-primary-xl);display:flex;align-items:center;justify-content:center}
.hsc-cat-name{font-size:13px;font-weight:600;color:var(--hsc-text);line-height:1.35}

/* ============================================================
   POST GRID / LIST
   ============================================================ */
.hsc-post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.hsc-post-card{border:1px solid var(--hsc-border);border-radius:var(--hsc-radius);overflow:hidden;background:#fff;transition:box-shadow .15s;display:flex;flex-direction:column}
.hsc-post-card:hover{box-shadow:var(--hsc-shadow-lg)}
.hsc-post-thumb{display:block;aspect-ratio:16/9;background:linear-gradient(135deg,var(--hsc-primary),var(--hsc-primary-l));overflow:hidden}
.hsc-post-thumb img{width:100%;height:100%;object-fit:cover}
.hsc-post-cardbody{padding:12px 14px;display:flex;flex-direction:column;gap:8px;flex:1}
.hsc-post-cat{font-size:10.5px;font-weight:700;color:var(--hsc-primary);text-transform:uppercase;letter-spacing:.4px}
.hsc-post-cardtitle{font-size:15px;font-weight:700;line-height:1.4}
.hsc-post-cardtitle a{color:var(--hsc-text)}
.hsc-post-cardtitle a:hover{color:var(--hsc-primary)}
.hsc-post-meta{font-size:12px;color:var(--hsc-muted);display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}
.hsc-post-meta span{display:flex;align-items:center;gap:4px}
.hsc-plist{margin:0}
.hsc-plist li{display:flex;gap:10px;align-items:flex-start;padding:11px 0;border-bottom:1px solid #eef1f7}
.hsc-plist li:last-child{border-bottom:none}
.hsc-plist a{color:var(--hsc-text);font-size:14px;font-weight:500;line-height:1.5}
.hsc-plist a:hover{color:var(--hsc-primary)}
.hsc-plist .hsc-plist-ic{color:var(--hsc-primary);flex-shrink:0;margin-top:3px}

/* BADGES */
.hsc-badge{font-size:9.5px;font-weight:800;padding:2px 6px;border-radius:3px;text-transform:uppercase;white-space:nowrap;color:#fff;display:inline-block}
.hsc-badge.new{background:var(--hsc-red);animation:hsc-blink 1.3s infinite}
.hsc-badge.ai{background:var(--hsc-primary-l)}
@keyframes hsc-blink{0%,100%{opacity:1}50%{opacity:.45}}

/* ============================================================
   RESULT CHECKER
   ============================================================ */
.hsc-checker{background:#fff;border:2px solid var(--hsc-primary);border-radius:var(--hsc-radius);overflow:hidden;box-shadow:var(--hsc-shadow-lg)}
.hsc-checker-hd{background:linear-gradient(90deg,var(--hsc-primary),var(--hsc-primary-l));color:#fff;padding:14px 18px;font-size:16px;font-weight:800;display:flex;align-items:center;gap:8px}
.hsc-checker-body{padding:18px}
.hsc-checker-field{margin-bottom:12px}
.hsc-checker-field label{display:block;font-size:13px;font-weight:600;margin-bottom:5px;color:var(--hsc-text)}
.hsc-checker-field input{width:100%;border:1px solid var(--hsc-border);border-radius:6px;padding:11px 12px;font-size:15px;outline:none}
.hsc-checker-field input:focus{border-color:var(--hsc-primary);box-shadow:0 0 0 3px var(--hsc-primary-xl)}

/* ============================================================
   SINGLE POST
   ============================================================ */
.hsc-article{background:#fff;border:1px solid var(--hsc-border);border-radius:var(--hsc-radius);overflow:hidden;box-shadow:var(--hsc-shadow)}
.hsc-breadcrumb{font-size:12.5px;color:var(--hsc-muted);padding:12px 0;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.hsc-breadcrumb a{color:var(--hsc-primary);display:inline-flex;align-items:center;gap:4px}
.hsc-article-hd{background:linear-gradient(135deg,var(--hsc-primary),var(--hsc-primary-l));color:#fff;padding:22px 24px}
.hsc-cat-pill{display:inline-flex;align-items:center;gap:5px;background:var(--hsc-accent);color:#1a1a2e!important;font-size:11px;font-weight:800;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.4px;text-decoration:none!important;margin-bottom:10px}
.hsc-article-title{font-size:28px;font-weight:800;line-height:1.28;margin-bottom:12px;color:#fff}
.hsc-article-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:rgba(255,255,255,.9)}
.hsc-article-meta span{display:flex;align-items:center;gap:5px}
.hsc-article-thumb img{width:100%;height:auto;display:block}
.hsc-article-body{padding:24px}
.hsc-article-body>p{margin-bottom:16px;font-size:16.5px;line-height:1.85}
.hsc-article-body h2{font-size:22px;margin:26px 0 12px;padding-left:12px;border-left:4px solid var(--hsc-primary);color:var(--hsc-primary-d)}
.hsc-article-body h3{font-size:18.5px;margin:20px 0 10px;color:var(--hsc-primary-d)}
.hsc-article-body h4{font-size:16.5px;margin:16px 0 8px}
.hsc-article-body ul,.hsc-article-body ol{padding-left:22px;margin-bottom:16px}
.hsc-article-body ul li{list-style:disc;margin-bottom:8px}
.hsc-article-body ol li{list-style:decimal;margin-bottom:8px}
.hsc-article-body a{color:var(--hsc-primary);text-decoration:underline}
.hsc-article-body blockquote{border-left:4px solid var(--hsc-accent);background:#fff8e1;padding:12px 16px;margin:16px 0;border-radius:0 6px 6px 0}
.hsc-article-body img{border-radius:var(--hsc-radius);margin:16px auto}
.hsc-table-scroll{overflow-x:auto;margin:18px 0}
.hsc-article-body table{width:100%;border-collapse:collapse;font-size:14px;border:1px solid var(--hsc-border)}
.hsc-article-body th,.hsc-article-body td{border:1px solid var(--hsc-border);padding:9px 12px;text-align:left}
.hsc-article-body thead th{background:var(--hsc-primary);color:#fff}
.hsc-article-body tbody tr:nth-child(even){background:var(--hsc-primary-xl)}

/* INFO BOX / SUMMARY / TOC */
.hsc-infobox{border:1px solid var(--hsc-border);border-radius:var(--hsc-radius);overflow:hidden;margin:0 0 20px}
.hsc-infobox-hd{background:var(--hsc-primary);color:#fff;padding:10px 14px;font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}
.hsc-infobox table{width:100%;border-collapse:collapse;font-size:14px}
.hsc-infobox td{padding:9px 14px;border-bottom:1px solid var(--hsc-border)}
.hsc-infobox td:first-child{font-weight:600;width:38%;color:var(--hsc-muted)}
.hsc-infobox tr:last-child td{border-bottom:none}
.hsc-summary{background:var(--hsc-primary-xl);border-left:4px solid var(--hsc-primary);border-radius:0 6px 6px 0;padding:14px 18px;margin:0 0 20px;font-size:15.5px;line-height:1.7}
.hsc-summary strong{color:var(--hsc-primary-d)}
.hsc-toc{background:#fbfcfe;border:1px solid var(--hsc-border);border-radius:var(--hsc-radius);padding:14px 18px;margin:0 0 20px}
.hsc-toc-title{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--hsc-muted);margin-bottom:8px;display:flex;align-items:center;gap:6px}
.hsc-toc ol{padding-left:20px}
.hsc-toc ol li{list-style:decimal;margin-bottom:5px}
.hsc-toc a{color:var(--hsc-primary)}
.hsc-notice{display:flex;gap:10px;padding:14px 16px;border-radius:var(--hsc-radius);margin:18px 0;font-size:14.5px;line-height:1.7}
.hsc-notice.blue{background:var(--hsc-primary-xl);border-left:4px solid var(--hsc-primary)}
.hsc-notice.gold{background:#fff8e1;border-left:4px solid var(--hsc-accent)}
.hsc-notice.green{background:var(--hsc-green-l);border-left:4px solid var(--hsc-green)}
.hsc-official-box{display:flex;gap:10px;align-items:flex-start;background:var(--hsc-primary-xl);border:1px solid var(--hsc-border);border-radius:var(--hsc-radius);padding:14px 16px;margin:18px 0;font-size:14px;line-height:1.7}

/* FAQ */
.hsc-faq details{border:1px solid var(--hsc-border);border-radius:var(--hsc-radius);margin-bottom:8px;overflow:hidden}
.hsc-faq summary{padding:13px 16px;font-weight:600;background:var(--hsc-primary-xl);color:var(--hsc-primary-d);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px}
.hsc-faq summary::-webkit-details-marker{display:none}
.hsc-faq summary::after{content:'+';font-size:20px;font-weight:400;color:var(--hsc-primary)}
.hsc-faq details[open] summary{background:var(--hsc-primary);color:#fff}
.hsc-faq details[open] summary::after{content:'\2212';color:#fff}
.hsc-faq-a{padding:14px 16px;font-size:14.5px;line-height:1.75}

/* TAGS / SHARE */
.hsc-tags{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:16px 24px;border-top:1px solid var(--hsc-border)}
.hsc-tag{font-size:12px;background:var(--hsc-primary-xl);color:var(--hsc-primary)!important;padding:4px 10px;border-radius:20px;text-decoration:none!important}
.hsc-tag:hover{background:var(--hsc-primary);color:#fff!important}
.hsc-share{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:14px 24px;border-top:1px solid var(--hsc-border)}
.hsc-share-lbl{font-size:13px;font-weight:700;color:var(--hsc-muted);display:flex;align-items:center;gap:5px}
.hsc-share a{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;font-size:12.5px;font-weight:600;color:#fff!important;text-decoration:none!important}
.hsc-share .wa{background:#25d366}.hsc-share .tg{background:#0088cc}.hsc-share .fb{background:#1877f2}.hsc-share .tw{background:#000}

/* AUTHOR BIO */
.hsc-author{display:flex;gap:16px;align-items:flex-start;background:var(--hsc-primary-xl);border-radius:var(--hsc-radius);padding:18px;margin:22px 0}
.hsc-author-avatar{width:64px;height:64px;border-radius:50%;border:3px solid var(--hsc-primary);object-fit:cover;flex-shrink:0}
.hsc-author-name{font-size:16px;font-weight:700;color:var(--hsc-primary-d)}
.hsc-author-role{font-size:12.5px;color:var(--hsc-muted);margin-bottom:6px}
.hsc-author-desc{font-size:13.5px;line-height:1.65}
.hsc-author-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px;font-size:12.5px}
.hsc-author-links a{color:var(--hsc-primary);display:inline-flex;align-items:center;gap:4px}

/* PREV/NEXT */
.hsc-post-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}
.hsc-pnav{display:flex;gap:10px;align-items:center;border:1px solid var(--hsc-border);border-radius:var(--hsc-radius);padding:12px 14px;background:#fff;text-decoration:none!important}
.hsc-pnav:hover{border-color:var(--hsc-primary);background:var(--hsc-primary-xl)}
.hsc-pnav.next{text-align:right;justify-content:flex-end}
.hsc-pnav-lbl{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--hsc-muted)}
.hsc-pnav-title{font-size:13.5px;font-weight:600;color:var(--hsc-text)}

/* ============================================================
   SIDEBAR WIDGETS
   ============================================================ */
.hsc-widget{background:#fff;border:1px solid var(--hsc-border);border-radius:var(--hsc-radius);margin-bottom:20px;overflow:hidden;box-shadow:var(--hsc-shadow)}
.hsc-widget-title{background:var(--hsc-primary);color:#fff;font-size:13px;font-weight:700;padding:10px 14px;text-transform:uppercase;letter-spacing:.4px}
.hsc-widget-body{padding:14px}
.hsc-widget ul{padding:6px 14px 10px}
.hsc-widget ul li{padding:7px 0;border-bottom:1px solid #eef1f7}
.hsc-widget ul li:last-child{border-bottom:none}
.hsc-widget a{color:var(--hsc-text)}
.hsc-widget a:hover{color:var(--hsc-primary)}

/* AD SLOTS (CLS-safe) */
.hsc-ad{text-align:center;margin:18px 0;overflow:hidden;min-height:1px}
.hsc-ad-label{font-size:9.5px;color:#aaa;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}
.hsc-ad-sticky-mobile{display:none}

/* PAGINATION */
.hsc-pagination{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:24px 0}
.hsc-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 10px;border:1px solid var(--hsc-border);border-radius:6px;background:#fff;color:var(--hsc-link);font-weight:600}
.hsc-pagination .current,.hsc-pagination .page-numbers:hover{background:var(--hsc-primary);color:#fff;border-color:var(--hsc-primary);text-decoration:none}

/* ============================================================
   FOOTER
   ============================================================ */
.hsc-footer{background:var(--hsc-primary-d);color:rgba(255,255,255,.85);border-top:4px solid var(--hsc-accent);margin-top:32px}
.hsc-footer-top{padding:32px 0 24px}
.hsc-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:28px}
.hsc-footer h4{color:var(--hsc-accent);font-size:13.5px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.15);display:flex;align-items:center;gap:7px}
.hsc-footer p{font-size:13.5px;line-height:1.7;color:rgba(255,255,255,.85)}
.hsc-footer-links li{padding:5px 0;display:flex;align-items:center;gap:6px}
.hsc-footer-links a{color:rgba(255,255,255,.85)!important;font-size:13px;text-decoration:none!important}
.hsc-footer-links a:hover{color:var(--hsc-accent)!important}
.hsc-footer-disc{font-size:11.5px;color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.2);padding:8px 12px;border-radius:6px;margin-top:12px;line-height:1.6;display:flex;gap:6px;align-items:flex-start}
.hsc-footer-social{display:flex;gap:8px;margin-top:14px}
.hsc-footer-social a{width:34px;height:34px;border-radius:8px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff!important}
.hsc-footer-social a.wa:hover{background:#25d366}
.hsc-footer-social a.fb:hover{background:#1877f2}
.hsc-footer-social a.tg:hover{background:#0088cc}
.hsc-fclist li{display:flex;gap:8px;align-items:flex-start;padding:6px 0;font-size:13px}
.hsc-footer-bottom{background:rgba(0,0,0,.25);padding:12px 0;font-size:12.5px}
.hsc-footer-bottom .hsc-wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;align-items:center}
.hsc-footer-nav{display:flex;gap:14px;flex-wrap:wrap}
.hsc-footer-nav a{color:rgba(255,255,255,.78)!important;text-decoration:none!important;font-size:12px}
.hsc-footer-nav a:hover{color:var(--hsc-accent)!important}

/* BACK TO TOP */
#hsc-top{position:fixed;bottom:24px;right:24px;width:46px;height:46px;background:var(--hsc-primary);color:#fff;border:none;border-radius:50%;display:none;align-items:center;justify-content:center;box-shadow:var(--hsc-shadow-lg);z-index:999}
#hsc-top.show{display:flex}

/* PAGE TITLE (archive/search) */
.hsc-page-hd{background:linear-gradient(135deg,var(--hsc-primary),var(--hsc-primary-l));color:#fff;padding:26px 0}
.hsc-page-hd h1{color:#fff;font-size:26px}
.hsc-page-hd p{color:rgba(255,255,255,.9);font-size:14px;margin-top:6px}

/* 404 */
.hsc-404{text-align:center;padding:50px 20px}
.hsc-404 .code{font-size:80px;font-weight:800;color:var(--hsc-primary);line-height:1}

/* ============================================================
   MINI SCROLL NAV (three-dot)
   ============================================================ */
.hsc-mini-nav{position:fixed;top:12px;right:12px;z-index:1200;display:none}
.hsc-mini-nav.show{display:block}
.hsc-mini-btn{width:42px;height:42px;border-radius:50%;background:var(--hsc-primary);border:none;box-shadow:var(--hsc-shadow-lg);display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center}
.hsc-mini-btn span{width:18px;height:2px;background:#fff;border-radius:2px}
.hsc-mini-drop{display:none;position:absolute;right:0;top:48px;background:#fff;border-radius:8px;box-shadow:var(--hsc-shadow-lg);min-width:170px;padding:6px 0;border-top:3px solid var(--hsc-accent)}
.hsc-mini-drop.open{display:block}
.hsc-mini-drop a{display:flex;align-items:center;gap:8px;padding:9px 14px;font-size:13.5px;color:var(--hsc-text)!important;text-decoration:none!important}
.hsc-mini-drop a:hover{background:var(--hsc-primary-xl)}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:980px){
  .hsc-body{grid-template-columns:1fr}
  .hsc-sidebar{order:2;position:static}
  .hsc-footer-grid{grid-template-columns:1fr 1fr}
  .hsc-hero-inner{grid-template-columns:1fr}
  .hsc-hero-title{font-size:27px}
  .hsc-header-search input{width:150px}
  .hsc-grid-3{grid-template-columns:repeat(2,1fr)}
  .hsc-stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  html,body{font-size:15px}
  .hsc-hamburger{display:flex}
  .hsc-menu{display:none;flex-direction:column;width:100%;background:var(--hsc-primary-d);position:absolute;top:100%;left:0;z-index:1001}
  .hsc-menu.open{display:flex}
  .hsc-menu>li>a{border-right:none;border-bottom:1px solid rgba(255,255,255,.08);text-transform:none}
  .hsc-menu .sub-menu{position:static;box-shadow:none;border-radius:0;background:rgba(0,0,0,.15);border-top:none}
  .hsc-menu .sub-menu li a{color:#fff!important}
  .hsc-menu>li.hsc-sub-open .sub-menu{display:block}
  .hsc-nav-search{display:none}
  .hsc-header-right .hsc-header-date{display:none}
  .hsc-header-search input{width:120px}
  .hsc-footer-grid{grid-template-columns:1fr}
  .hsc-footer-bottom .hsc-wrap{flex-direction:column;text-align:center}
  .hsc-article-title{font-size:22px}
  .hsc-hero-title{font-size:22px}
  .hsc-grid-2,.hsc-grid-3{grid-template-columns:1fr}
  .hsc-post-nav{grid-template-columns:1fr}
  .hsc-topbar-left span:not(.hsc-topbar-tag){display:none}
  .hsc-ad-sticky-mobile{display:block;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--hsc-border);z-index:998;text-align:center;padding:4px 0;box-shadow:0 -2px 8px rgba(0,0,0,.08)}
  body.hsc-has-sticky-ad{padding-bottom:60px}
}
@media(max-width:400px){
  .hsc-header-search{display:none}
}

/* REDUCED MOTION */
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}

/* PRINT */
@media print{
  .hsc-topbar,.hsc-nav,.hsc-alert,.hsc-ticker,.hsc-result-bar,.hsc-sidebar,.hsc-share,.hsc-footer,#hsc-top,.hsc-mini-nav,.hsc-ad{display:none!important}
  .hsc-body{display:block}
  .hsc-article{border:none;box-shadow:none}
}