/* HealthTopics.com main.css v4 — Mobile fixed + E-E-A-T styles */

#ht-progress { position:fixed;top:0;left:0;height:3px;z-index:9999;pointer-events:none; }

/* ── Topbar ─────────────────────────────────────────────────── */
.ht-topbar { background:#0a1628;color:rgba(255,255,255,.65);font-size:12px;padding:6px 0; }
.ht-topbar-inner { display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px; }
.ht-topbar-right a { color:rgba(255,255,255,.65);text-decoration:none;font-size:11px; }
.ht-topbar-right a:hover { color:#fff; }

/* ── Header ─────────────────────────────────────────────────── */
.ht-header { background:#fff;border-bottom:1px solid var(--ht-border);box-shadow:0 2px 8px rgba(0,0,0,.07);position:sticky;top:0;z-index:100; }
.ht-header-row { display:flex;align-items:center;gap:16px;padding:12px 20px; }
.ht-logo { display:flex;align-items:center;gap:10px;flex-shrink:0;text-decoration:none; }
.ht-logo-text { font-family:var(--font-head);font-size:20px;font-weight:900;color:var(--ht-blue-dark);letter-spacing:-.5px;white-space:nowrap; }
.ht-logo-dot { color:var(--ht-blue); }
.ht-header-search { flex:1;max-width:460px;margin-left:auto; }

/* ── Search ──────────────────────────────────────────────────── */
.ht-search-form { display:flex;border:2px solid var(--ht-border);border-radius:999px;overflow:hidden;background:#fff;transition:border-color .2s,box-shadow .2s; }
.ht-search-form:focus-within { border-color:var(--ht-blue);box-shadow:0 0 0 3px rgba(0,99,163,.1); }
.ht-search-input { flex:1;border:none;padding:9px 16px;font-family:var(--font-body);font-size:15px;outline:none;color:var(--ht-text);min-width:0;background:transparent; }
.ht-search-input::placeholder { color:var(--ht-light); }
.ht-search-btn { background:var(--ht-blue);border:none;padding:0 16px;color:#fff;cursor:pointer;display:flex;align-items:center;flex-shrink:0;transition:background .2s; }
.ht-search-btn:hover { background:var(--ht-blue-dark); }

/* ── Burger ──────────────────────────────────────────────────── */
.ht-burger { display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;margin-left:auto;flex-shrink:0; }
.ht-burger span { display:block;width:22px;height:2px;background:var(--ht-text);border-radius:2px; }

/* ── Nav ─────────────────────────────────────────────────────── */
.ht-nav { background:var(--ht-blue); }
.ht-nav-list { display:flex;list-style:none;overflow-x:auto;scrollbar-width:none; }
.ht-nav-list::-webkit-scrollbar { display:none; }
.ht-nav-link { display:flex;align-items:center;gap:4px;padding:11px 13px;color:rgba(255,255,255,.9);font-size:13px;font-weight:600;white-space:nowrap;text-decoration:none;background:none;border:none;cursor:pointer;font-family:var(--font-body); }
.ht-nav-link:hover { background:rgba(255,255,255,.12);color:#fff; }
.ht-nav-has-drop { position:relative; }
.ht-nav-drop { display:none;position:absolute;top:100%;right:0;background:#fff;border:1px solid var(--ht-border);border-radius:0 0 8px 8px;box-shadow:0 8px 24px rgba(0,0,0,.14);min-width:200px;z-index:200;padding:6px 0; }
.ht-nav-has-drop.is-open .ht-nav-drop { display:block; }
.ht-nav-drop a { display:block;padding:8px 16px;font-size:14px;color:var(--ht-body);transition:background .15s; }
.ht-nav-drop a:hover { background:var(--ht-blue-light);color:var(--ht-blue); }

/* ── Mobile Nav ──────────────────────────────────────────────── */
.ht-mobile { position:fixed;top:0;left:-300px;width:280px;height:100%;background:#fff;z-index:10000;overflow-y:auto;transition:left .3s ease;box-shadow:0 8px 40px rgba(0,0,0,.2); }
.ht-mobile.open { left:0; }
.ht-mobile-top { display:flex;justify-content:space-between;align-items:center;padding:16px 18px;background:var(--ht-blue);color:#fff;font-weight:700; }
.ht-mobile-top button { background:none;border:none;color:#fff;font-size:18px;cursor:pointer; }
.ht-mobile-list { list-style:none;padding:6px 0; }
.ht-mobile-list li a { display:block;padding:11px 18px;font-size:14px;color:var(--ht-body);border-bottom:1px solid var(--ht-bg-grey); }
.ht-mobile-list li a:hover { background:var(--ht-blue-light);color:var(--ht-blue); }
.ht-overlay { display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9999; }
.ht-overlay.open { display:block; }

/* ── Layout ──────────────────────────────────────────────────── */
.ht-page-wrap { min-height:60vh; }
.ht-layout-sidebar { display:grid;grid-template-columns:1fr 300px;gap:36px;padding:36px 20px;max-width:var(--container);margin:0 auto; }
.ht-main-col { min-width:0; }
.ht-sidebar-col { display:flex;flex-direction:column;gap:20px; }
.ht-bc-wrap { padding:10px 20px;max-width:var(--container);margin:0 auto; }
.ht-bc ol { display:flex;flex-wrap:wrap;list-style:none;gap:4px;font-size:13px;color:var(--ht-muted); }
.ht-bc a { color:var(--ht-blue); }
.ht-bc-sep { color:var(--ht-light);margin:0 2px; }

/* ── Archive ─────────────────────────────────────────────────── */
.ht-archive-head { background:linear-gradient(135deg,#0a1628,#0063a3);padding:36px 0;color:#fff; }
.ht-archive-title { font-family:var(--font-head);font-size:clamp(22px,4vw,34px);font-weight:900;color:#fff;margin:10px 0 8px; }
.ht-archive-desc { color:rgba(255,255,255,.75);font-size:16px; }

/* ── Cards ───────────────────────────────────────────────────── */
.ht-card-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:20px; }
.ht-card { background:#fff;border:1px solid var(--ht-border);border-radius:var(--radius-lg);overflow:hidden;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column; }
.ht-card:hover { transform:translateY(-3px);box-shadow:var(--shadow-lg); }
.ht-card-img-wrap { display:block;overflow:hidden;height:190px; }
.ht-card-img-wrap img { width:100%;height:100%;object-fit:cover;transition:transform .3s; }
.ht-card:hover .ht-card-img-wrap img { transform:scale(1.04); }
.ht-card-body { padding:16px 18px;flex:1;display:flex;flex-direction:column; }
.ht-card-meta { display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px; }
.ht-card-title { font-family:var(--font-head);font-size:16px;font-weight:700;line-height:1.4;margin-bottom:8px;flex:1; }
.ht-card-title a { color:var(--ht-text);text-decoration:none; }
.ht-card-title a:hover { color:var(--ht-blue); }
.ht-card-excerpt { font-size:14px;color:var(--ht-muted);line-height:1.6;margin-bottom:12px; }
.ht-card-date { font-size:12px;color:var(--ht-muted); }
.ht-cat-badge { font-size:11px;font-weight:700;color:var(--ht-blue);text-transform:uppercase;letter-spacing:.06em;text-decoration:none; }
.ht-badge-news { background:var(--ht-blue);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;text-transform:uppercase; }
.ht-read-more { font-size:13px;font-weight:700;color:var(--ht-blue); }

/* ════════════════════════════════════════════════════════════
   HERO — MOBILE FIRST (fixes the screenshot issue)
════════════════════════════════════════════════════════════ */
.ht-hero {
    background: linear-gradient(145deg,#0a1628 0%,#0d2447 45%,#0063a3 100%);
    padding: 40px 0 48px;
    overflow: hidden;
}
.ht-hero-inner {
    display: flex;
    flex-direction: column;  /* Stack on mobile */
    gap: 28px;
}
.ht-hero-content { width: 100%; }
.ht-hero-badge {
    display: inline-flex;align-items:center;gap:8px;
    background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);
    color:rgba(255,255,255,.9);padding:5px 14px;border-radius:999px;
    font-size:13px;font-weight:600;margin-bottom:16px;
}
.ht-hero-title {
    font-family:var(--font-head);
    font-size: clamp(26px, 5vw, 48px);
    font-weight:900;color:#fff;line-height:1.2;margin-bottom:14px;
}
.ht-hero-accent { color:#64b5f6;display:block; }
.ht-hero-sub {
    font-size: clamp(15px, 2.5vw, 18px);
    color:rgba(255,255,255,.8);line-height:1.7;margin-bottom:24px;
}
.ht-hero-search-wrap { width:100%; }
.ht-hero-search-wrap .ht-search-form {
    border:2px solid rgba(255,255,255,.3);
    background:rgba(255,255,255,.96);
    border-radius:12px;
    width:100%;
}
.ht-hero-search-wrap .ht-search-input { padding:13px 16px;font-size:15px; }
.ht-popular {
    display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px;
}
.ht-popular span { color:rgba(255,255,255,.6);font-size:13px;white-space:nowrap; }
.ht-popular a {
    color:rgba(255,255,255,.85);font-size:13px;
    background:rgba(255,255,255,.12);padding:4px 12px;border-radius:999px;
    white-space:nowrap;
}
.ht-popular a:hover { background:rgba(255,255,255,.22);color:#fff; }

/* Hero stats — row on mobile */
.ht-hero-stats {
    display:flex;
    flex-direction:row;
    gap:12px;
    flex-wrap:wrap;
}
.ht-hero-stat {
    background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);
    border-radius:var(--radius-lg);padding:14px 16px;text-align:center;
    flex:1;min-width:90px;
}
.ht-hero-stat strong { display:block;font-family:var(--font-head);font-size:22px;font-weight:900;color:#fff; }
.ht-hero-stat span { display:block;font-size:11px;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:.06em;margin-top:3px; }

/* Desktop: side-by-side hero */
@media (min-width: 768px) {
    .ht-hero { padding:64px 0 72px; }
    .ht-hero-inner { flex-direction:row;align-items:center;gap:40px; }
    .ht-hero-content { flex:1; }
    .ht-hero-stats { flex-direction:column;flex-shrink:0;width:160px; }
    .ht-hero-stat { min-width:auto; }
    .ht-hero-stat strong { font-size:28px; }
}

/* ── Sections ────────────────────────────────────────────────── */
.ht-section { padding:52px 0; }
.ht-section-grey { background:var(--ht-bg-grey); }
.ht-section-head { display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px;flex-wrap:wrap;gap:10px; }
.ht-section-title { font-family:var(--font-head);font-size:clamp(20px,2.5vw,26px);font-weight:700;color:var(--ht-text); }
.ht-section-title::after { content:'';display:block;width:40px;height:3px;background:var(--ht-blue);border-radius:2px;margin-top:8px; }
.ht-see-all { font-size:14px;font-weight:700;color:var(--ht-blue);white-space:nowrap; }

/* ── Category tiles ──────────────────────────────────────────── */
.ht-cat-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:12px; }
.ht-cat-tile { display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 10px;border-radius:var(--radius-lg);border:2px solid transparent;text-decoration:none;transition:transform .2s,box-shadow .2s; }
.ht-cat-tile:hover { transform:translateY(-3px);box-shadow:var(--shadow-lg); }
.ht-cat-tile-icon { font-size:24px;line-height:1; }
.ht-cat-tile-label { font-size:12px;font-weight:700;color:var(--ht-text);text-align:center;line-height:1.3; }
@media (min-width:640px) { .ht-cat-grid { grid-template-columns:repeat(6,1fr); } }

/* ── Trust Section ───────────────────────────────────────────── */
.ht-trust-section { background:var(--ht-bg-dark);padding:48px 0; }
.ht-trust-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:24px;text-align:center; }
.ht-trust-item { color:rgba(255,255,255,.8); }
.ht-trust-icon { font-size:30px;margin-bottom:10px; }
.ht-trust-item h4 { font-family:var(--font-head);font-size:17px;color:#fff;margin-bottom:6px; }
.ht-trust-item p { font-size:14px;color:rgba(255,255,255,.6);line-height:1.7; }
@media (min-width:768px) { .ht-trust-grid { grid-template-columns:repeat(4,1fr); } }

/* ── ══════════════════════════════════════════════════════════
   E-E-A-T ARTICLE STYLES
══════════════════════════════════════════════════════════ */

/* E-E-A-T Bar (author + reviewer + dates) */
.ht-eeat-bar {
    display:flex;flex-direction:column;gap:8px;
    padding:14px 0;border-top:1px solid var(--ht-border);border-bottom:1px solid var(--ht-border);
    margin-bottom:16px;font-size:13px;color:var(--ht-muted);
}
.ht-eeat-bar-left { display:flex;flex-direction:column;gap:6px; }
.ht-eeat-bar-right { display:flex;flex-wrap:wrap;gap:12px;color:var(--ht-muted);font-size:12px; }
.ht-eeat-item { display:flex;align-items:center;gap:6px; }
.ht-eeat-reviewed { color:var(--ht-green);font-weight:500; }
.ht-eeat-reviewed svg { color:var(--ht-green); }
.ht-eeat-item strong { color:var(--ht-text); }
@media (min-width:640px) {
    .ht-eeat-bar { flex-direction:row;justify-content:space-between;align-items:flex-start; }
}

/* Medical Review Notice */
.ht-medical-review-notice {
    display:flex;gap:12px;align-items:flex-start;
    background:#e8f5e9;border:1px solid #c8e6c9;border-radius:var(--radius);
    padding:14px 18px;margin-bottom:24px;font-size:14px;line-height:1.6;color:#1b5e20;
}
.ht-medical-review-notice a { color:#1b5e20;font-weight:600;text-decoration:underline; }
.ht-medical-review-notice svg { flex-shrink:0;margin-top:1px; }

/* Sources Note */
.ht-sources-note {
    background:var(--ht-bg-grey);border-radius:var(--radius);
    padding:16px 20px;margin:32px 0;font-size:14px;line-height:1.7;
    border-left:4px solid var(--ht-blue);
}
.ht-sources-note h3 { font-size:15px;font-weight:700;margin-bottom:8px;color:var(--ht-text); }
.ht-sources-note a { color:var(--ht-blue); }

/* Author Box */
.ht-author-box {
    display:flex;gap:18px;align-items:flex-start;
    background:var(--ht-bg-grey);border-radius:var(--radius-lg);
    padding:20px 22px;margin-top:36px;border:1px solid var(--ht-border);
}
.ht-author-avatar { border-radius:50%;flex-shrink:0;width:72px;height:72px;object-fit:cover; }
.ht-author-info { flex:1;min-width:0; }
.ht-author-name-row { display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;font-size:15px; }
.ht-author-creds { font-size:12px;color:var(--ht-muted);background:#fff;padding:2px 8px;border-radius:999px;border:1px solid var(--ht-border); }
.ht-author-bio { font-size:14px;color:var(--ht-muted);margin-bottom:8px;line-height:1.6; }
.ht-author-link { font-size:13px;font-weight:700;color:var(--ht-blue); }

/* Medical Reviewer Box */
.ht-reviewer-box {
    display:flex;gap:18px;align-items:flex-start;
    background:#e8f5e9;border-radius:var(--radius-lg);
    padding:20px 22px;margin-top:16px;border:1px solid #c8e6c9;
}
.ht-reviewer-icon { font-size:28px;flex-shrink:0;line-height:1;margin-top:2px; }
.ht-reviewer-info { flex:1; }
.ht-reviewer-info strong { display:block;font-size:15px;margin-bottom:4px;color:#1b5e20; }
.ht-reviewer-info .ht-author-creds { display:inline-block;margin:4px 0; }
.ht-reviewer-date { display:block;font-size:12px;color:var(--ht-muted);margin:4px 0 8px; }
.ht-reviewer-info p { font-size:14px;color:#1b5e20;margin:0;line-height:1.6; }
.ht-reviewer-info a { color:#1b5e20;font-weight:600;text-decoration:underline; }

/* Trust Sidebar Widget */
.ht-sidebar-eeat {}
.ht-trust-list { list-style:none;padding:0;margin:0; }
.ht-trust-list li { display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--ht-bg-grey);font-size:13px;color:var(--ht-body); }
.ht-trust-list li:last-child { border-bottom:none; }
.ht-trust-check { color:var(--ht-green);font-weight:900;font-size:14px; }
.ht-trust-link { display:inline-block;margin-top:10px;font-size:13px;font-weight:700;color:var(--ht-blue); }

/* Trust Bar in footer */
.ht-trust-bar { background:#0d2447;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08); }
.ht-trust-bar-inner { display:flex;justify-content:center;gap:28px;flex-wrap:wrap; }
.ht-trust-bar span { font-size:12px;color:rgba(255,255,255,.7);display:flex;align-items:center;gap:6px; }

/* ── Article body ────────────────────────────────────────────── */
.ht-article-title { font-family:var(--font-head);font-size:clamp(22px,3.5vw,36px);font-weight:900;color:var(--ht-text);line-height:1.25;margin-bottom:14px; }
.ht-article-cats { display:flex;align-items:center;gap:10px;margin-bottom:10px; }
.ht-article-body { font-size:18px;line-height:1.85;color:var(--ht-body); }
.ht-article-body h2 { font-family:var(--font-head);font-size:clamp(19px,2.5vw,24px);font-weight:700;color:var(--ht-text);margin:44px 0 14px;padding-bottom:8px;border-bottom:3px solid var(--ht-blue);line-height:1.3; }
.ht-article-body h3 { font-size:19px;font-weight:700;color:var(--ht-text);margin:28px 0 10px; }
.ht-article-body p { margin-bottom:18px; }
.ht-article-body ul,.ht-article-body ol { padding-left:26px;margin-bottom:20px; }
.ht-article-body li { margin-bottom:7px; }
.ht-article-body a { color:var(--ht-blue);text-decoration:underline; }
.ht-article-body strong { color:var(--ht-text); }
.ht-article-body .htp-intro-box { background:var(--ht-blue-light);border-left:5px solid var(--ht-blue);border-radius:0 var(--radius) var(--radius) 0;padding:18px 22px;margin-bottom:28px; }
.ht-article-body .htp-key-facts { background:#fff;border:2px solid var(--ht-blue);border-radius:var(--radius-lg);padding:18px 22px;margin-bottom:28px;box-shadow:var(--shadow); }
.ht-article-body .htp-callout { border-radius:var(--radius);padding:16px 20px;margin:22px 0;border-left:5px solid;font-size:17px; }
.ht-article-body .htp-callout--blue { background:var(--ht-blue-light);border-color:var(--ht-blue); }
.ht-article-body .htp-callout--red { background:#ffebee;border-color:var(--ht-red);color:#4a0000; }
.ht-article-body .htp-callout--green { background:#e8f5e9;border-color:var(--ht-green); }
.ht-article-body .htp-faq-section { background:var(--ht-bg-grey);border-radius:var(--radius-lg);padding:22px;margin:32px 0; }
.ht-article-body .htp-faq-item { background:#fff;border-radius:var(--radius);padding:14px 18px;margin-bottom:10px;box-shadow:0 1px 4px rgba(0,0,0,.06); }
.ht-article-body .htp-faq-q { font-size:15px;font-weight:700;color:var(--ht-blue);margin:0 0 8px;cursor:pointer; }
.ht-article-body .htp-faq-a p { margin:0;font-size:15px; }
.ht-article-body .htp-disclaimer { background:var(--ht-bg-grey);border-radius:var(--radius);padding:14px 18px;font-size:14px;color:var(--ht-muted);margin-top:32px; }

.ht-article-footer { margin-top:36px;padding-top:22px;border-top:2px solid var(--ht-border); }
.ht-disclaimer-box { background:var(--ht-bg-grey);border-radius:var(--radius);padding:14px 18px;font-size:13px;color:var(--ht-muted);margin-bottom:16px; }
.ht-source-box { font-size:14px;background:var(--ht-bg-grey);padding:12px 16px;border-radius:var(--radius);margin-bottom:16px; }
.ht-tags { display:flex;flex-wrap:wrap;gap:8px; }
.ht-tag { background:var(--ht-blue-light);color:var(--ht-blue);padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600; }
.ht-tag:hover { background:var(--ht-blue);color:#fff; }
.ht-share-row { display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:20px; }
.ht-share-label { font-size:13px;font-weight:700;color:var(--ht-muted); }
.ht-share-btn { display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;border:none;font-family:var(--font-body);transition:opacity .2s; }
.ht-share-btn:hover { opacity:.85; }
.ht-share-fb { background:#1877f2;color:#fff; }
.ht-share-tw { background:#1da1f2;color:#fff; }
.ht-share-copy { background:var(--ht-bg-grey);color:var(--ht-text);border:1px solid var(--ht-border)!important; }

/* ── Sidebar ─────────────────────────────────────────────────── */
.ht-sidebar-box { background:#fff;border:1px solid var(--ht-border);border-radius:var(--radius-lg);padding:18px 20px;box-shadow:0 1px 6px rgba(0,0,0,.06); }
.ht-sidebar-title { font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--ht-muted);margin-bottom:12px;padding-bottom:10px;border-bottom:2px solid var(--ht-border); }
.ht-sidebar-links { list-style:none;padding:0; }
.ht-sidebar-links li { padding:6px 0;border-bottom:1px solid var(--ht-bg-grey); }
.ht-sidebar-links li:last-child { border-bottom:none; }
.ht-sidebar-links a { font-size:14px;color:var(--ht-body); }
.ht-sidebar-links a:hover { color:var(--ht-blue); }
#ht-toc { list-style:none;padding:0; }
#ht-toc li { padding:5px 0;border-bottom:1px dashed var(--ht-border); }
#ht-toc li:last-child { border-bottom:none; }
#ht-toc a { font-size:13px;color:var(--ht-body); }
#ht-toc a:hover,#ht-toc a.active { color:var(--ht-blue);font-weight:700; }

/* ── Static pages ────────────────────────────────────────────── */
.ht-page-content { max-width:860px;padding:48px 20px; }
.ht-page-title { font-family:var(--font-head);font-size:clamp(22px,3.5vw,34px);font-weight:900;margin-bottom:24px;color:var(--ht-text); }
.ht-page-body { font-size:17px;line-height:1.8; }
.ht-page-body h2 { font-family:var(--font-head);font-size:22px;margin:32px 0 12px;color:var(--ht-text);padding-bottom:8px;border-bottom:2px solid var(--ht-border); }
.ht-page-body h3 { font-size:18px;font-weight:700;margin:24px 0 10px; }
.ht-page-body p { margin-bottom:16px; }
.ht-page-body ul,.ht-page-body ol { padding-left:24px;margin-bottom:16px; }
.ht-page-body li { margin-bottom:6px; }
.ht-page-body a { color:var(--ht-blue);text-decoration:underline; }

/* ── Pagination ──────────────────────────────────────────────── */
.ht-pagination { margin:36px 0; }
.ht-pagination ul { display:flex;gap:8px;list-style:none;flex-wrap:wrap; }
.ht-pagination ul li a,.ht-pagination ul li span { display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;border-radius:var(--radius);font-size:14px;font-weight:600;border:1px solid var(--ht-border);background:#fff;color:var(--ht-text);text-decoration:none;transition:all .2s; }
.ht-pagination ul li a:hover { background:var(--ht-blue-light);border-color:var(--ht-blue);color:var(--ht-blue); }
.ht-pagination .current { background:var(--ht-blue)!important;color:#fff!important;border-color:var(--ht-blue)!important; }

/* ── Empty State ─────────────────────────────────────────────── */
.ht-empty { text-align:center;padding:48px 20px;background:var(--ht-bg-grey);border-radius:var(--radius-lg);border:2px dashed var(--ht-border); }
.ht-empty-icon { font-size:44px;margin-bottom:14px; }
.ht-empty h2 { font-family:var(--font-head);color:var(--ht-text);margin-bottom:8px; }
.ht-empty p { color:var(--ht-muted);font-size:16px; }

/* ── Footer ──────────────────────────────────────────────────── */
.ht-footer-main { background:#111827;padding:48px 0; }
.ht-footer-grid { display:grid;grid-template-columns:1fr 1fr;gap:28px; }
@media (min-width:768px) { .ht-footer-grid { grid-template-columns:2fr 1fr 1fr 1fr; } }
.ht-footer-brand { color:rgba(255,255,255,.7); }
.ht-footer-logo { display:flex;align-items:center;gap:10px;font-family:var(--font-head);font-size:18px;font-weight:900;color:#fff;text-decoration:none;margin-bottom:14px; }
.ht-footer-brand p { font-size:14px;line-height:1.7; }
.ht-footer-col h4 { font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.45);margin-bottom:14px; }
.ht-footer-col ul { list-style:none; }
.ht-footer-col ul li { margin-bottom:9px; }
.ht-footer-col ul li a { font-size:14px;color:rgba(255,255,255,.6);text-decoration:none;transition:color .2s; }
.ht-footer-col ul li a:hover { color:#fff; }
.ht-footer-disclaimer { background:#0d1117;padding:16px 0;border-top:1px solid rgba(255,255,255,.06); }
.ht-footer-disclaimer p { font-size:12px;color:rgba(255,255,255,.4);line-height:1.7;text-align:center; }
.ht-footer-bottom { background:#090d14;padding:14px 0; }
.ht-footer-bottom-row { display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px; }
.ht-footer-bottom p { font-size:13px;color:rgba(255,255,255,.4); }
.ht-footer-links { display:flex;gap:16px;list-style:none;flex-wrap:wrap; }
.ht-footer-links a { font-size:12px;color:rgba(255,255,255,.4);text-decoration:none;transition:color .2s; }
.ht-footer-links a:hover { color:rgba(255,255,255,.75); }

/* ── Responsive ──────────────────────────────────────────────── */
@media (max-width: 900px) {
    .ht-header-search { display:none; }
    .ht-burger { display:flex; }
    .ht-nav { display:none; }
    .ht-layout-sidebar { grid-template-columns:1fr;padding:24px 16px; }
    .ht-sidebar-col { display:none; }
    .ht-card-grid { grid-template-columns:repeat(2,1fr); }
    .ht-topbar-right { display:none; }
}
@media (max-width: 600px) {
    .ht-card-grid { grid-template-columns:1fr; }
    .ht-footer-grid { grid-template-columns:1fr; }
    .ht-footer-bottom-row { flex-direction:column;text-align:center; }
    .ht-trust-bar-inner { gap:14px; }
    .ht-eeat-bar { font-size:12px; }
    .ht-author-box { flex-direction:column; }
    .ht-reviewer-box { flex-direction:column; }
}