/* ============================================================
   StockStream — Custom site styles
   All project-specific CSS in one file (no inline <style> blocks)
   ============================================================ */

/* --- Source Favicons --- */
.src-icon{display:inline-block;flex-shrink:0;border-radius:50%;object-fit:contain;vertical-align:middle;background:#fff;padding:1px}
.src-icon-sm{width:16px;height:16px}
.src-icon-md{width:20px;height:20px}
.uc-dark .src-icon{background:rgba(255,255,255,.95)}

/* --- Header Navigation Visibility --- */
.uc-center-navbar{background:#f8fafc;border-bottom:1px solid rgba(0,0,0,.05)}
.uc-dark .uc-center-navbar{background:#111827;border-bottom-color:rgba(255,255,255,.06)}
.uc-dark .uc-center-navbar .navbar-container{border-bottom-color:rgba(255,255,255,.06)}
.uc-dark .uc-center-navbar .uc-navbar-nav>li>a{color:rgba(255,255,255,.85) !important;opacity:1 !important}
.uc-dark .uc-center-navbar .uc-navbar-nav>li>a:hover{color:#fff !important}
.uc-dark .uc-center-navbar .uc-navbar-nav>li.uc-active>a{color:#fff !important}
.uc-dark .uc-center-navbar .uc-navbar-nav>li>a [data-uc-navbar-parent-icon]{color:inherit}
/* Search icon + hamburger icon dark mode */
.uc-dark .uc-navbar .uc-navbar-right>a.btn{color:rgba(255,255,255,.85) !important}
.uc-dark .uc-navbar .uc-navbar-right>a.btn:hover{color:#fff !important}
.uc-dark .uc-navbar-left>a:not(.ss-logo){color:rgba(255,255,255,.85) !important}
.uc-dark .uc-navbar-left>a:not(.ss-logo):hover{color:#fff !important}
/* Dropdown panels dark mode */
.uc-dark .uc-navbar-dropdown{background:#1e293b !important;border-color:rgba(255,255,255,.08) !important}
.uc-dark .uc-navbar-dropdown-nav>li>a{color:rgba(255,255,255,.7) !important}
.uc-dark .uc-navbar-dropdown-nav>li>a:hover{color:#fff !important}
/* --- Nav Mega Dropdown (Stocks) — Premium --- */
.nav-mega{padding:0 !important;border-top:2px solid var(--color-primary,#e62323) !important}

/* Search bar */
.nm-search{display:flex;align-items:center;gap:10px;padding:14px 24px;background:#f8fafc;border-bottom:1px solid #e2e8f0}
.nm-search-icon{color:#94a3b8;font-size:1.05rem;flex-shrink:0}
.nm-search-input{border:0;background:transparent;outline:none;font-size:.875rem;width:100%;color:#0f172a;font-family:inherit;letter-spacing:-.01em}
.nm-search-input::placeholder{color:#94a3b8;font-weight:400}
.nm-search-input:focus::placeholder{color:#cbd5e1}
.nm-search-kbd{font-family:inherit;font-size:.625rem;font-weight:600;color:#94a3b8;background:#e2e8f0;border:1px solid #cbd5e1;border-radius:4px;padding:1px 6px;line-height:1.5;opacity:0;transition:opacity .15s;flex-shrink:0}

/* Browse container */
.nm-browse{padding:0}

/* Popular / Trending */
.nm-popular{padding:16px 24px 12px}
.nm-label{display:flex;align-items:center;gap:6px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#64748b;margin-bottom:10px}
.nm-label-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.nm-dot-blue{background:#3b82f6}
.nm-dot-emerald{background:#10b981}
.nm-dot-rose{background:#f43f5e}
.nm-dot-amber{background:#f59e0b}
.nm-dot-violet{background:#8b5cf6}
.nm-dot-slate{background:#64748b}
.nm-chip-grid{display:flex;flex-wrap:wrap;gap:8px}
.nm-chip{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;background:#fff;border:1px solid #e2e8f0;text-decoration:none;transition:all .2s ease;box-shadow:0 1px 2px rgba(0,0,0,.04);flex:0 0 auto}
.nm-chip:hover{border-color:#3b82f6;background:#eff6ff;box-shadow:0 2px 8px rgba(59,130,246,.1);transform:translateY(-1px)}
.nm-chip-sym{font-weight:700;font-size:.8125rem;color:#0f172a;letter-spacing:-.01em}
.nm-chip-name{font-size:.6875rem;color:#64748b;white-space:nowrap}

/* Divider */
.nm-divider{height:1px;background:#f1f5f9;margin:0 24px}

/* Sectors grid */
.nm-sectors{display:grid;grid-template-columns:repeat(6,1fr);gap:0;padding:16px 24px 10px}
.nm-sector{padding-right:12px;min-width:0}
.nm-sector .nm-label{margin-bottom:8px}
.nm-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}
.nm-list li a{display:flex;align-items:baseline;gap:6px;padding:6px 8px;border-radius:6px;text-decoration:none;transition:all .15s ease;margin:0 -8px;min-width:0}
.nm-list li a:hover{background:#f1f5f9}
.nm-ticker{font-weight:700;font-size:.75rem;color:#0f172a;letter-spacing:-.01em;flex-shrink:0}
.nm-company{font-size:.7rem;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.nm-list li a:hover .nm-company{color:#334155}

/* Footer */
.nm-footer{padding:12px 24px 16px;border-top:1px solid #f1f5f9;display:flex;justify-content:center}
.nm-viewall{display:inline-flex;align-items:center;gap:6px;padding:7px 20px;border-radius:8px;font-size:.8125rem;font-weight:600;color:#3b82f6;background:#eff6ff;text-decoration:none;transition:all .2s ease;border:1px solid rgba(59,130,246,.15)}
.nm-viewall:hover{background:#dbeafe;color:#2563eb;transform:translateY(-1px);box-shadow:0 2px 8px rgba(59,130,246,.12)}
.nm-viewall i{font-size:.75rem;transition:transform .2s}
.nm-viewall:hover i{transform:translateX(3px)}

/* Search results */
.nm-results{padding:8px 16px;max-height:340px;overflow-y:auto}
.nm-results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.nm-result{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;text-decoration:none;transition:all .15s ease}
.nm-result:hover{background:#f8fafc;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.nm-result-sym{font-weight:700;font-size:.8125rem;color:#0f172a;min-width:50px;letter-spacing:-.01em}
.nm-result-name{font-size:.8125rem;color:#475569;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nm-result-sector{font-size:.6875rem;color:#94a3b8;background:#f1f5f9;padding:2px 8px;border-radius:4px;white-space:nowrap;flex-shrink:0}
.nm-empty{padding:32px 24px;text-align:center;color:#94a3b8;font-size:.875rem;display:flex;flex-direction:column;align-items:center;gap:8px}
.nm-empty-icon{font-size:1.5rem;opacity:.4}

/* Categories dropdown */
.nav-cat-list>li>a{display:flex;align-items:center;gap:8px;padding:6px 4px;border-radius:6px;transition:all .15s}
.nav-cat-list>li>a:hover{background:rgba(0,0,0,.03)}
.nav-cat-icon{color:#94a3b8;font-size:.875rem}

/* ---- Dark mode ---- */
.uc-dark .nav-mega{border-top-color:var(--color-primary,#e62323) !important}
.uc-dark .nm-search{background:#0f172a;border-bottom-color:rgba(255,255,255,.06)}
.uc-dark .nm-search-input{color:#f1f5f9}
.uc-dark .nm-search-input::placeholder{color:#475569}
.uc-dark .nm-search-icon{color:#475569}
.uc-dark .nm-search-kbd{background:#1e293b;border-color:#334155;color:#64748b}
.uc-dark .nm-label{color:#64748b}
.uc-dark .nm-chip{background:#1e293b;border-color:#334155;box-shadow:none}
.uc-dark .nm-chip:hover{border-color:#3b82f6;background:rgba(59,130,246,.1)}
.uc-dark .nm-chip-sym{color:#f1f5f9}
.uc-dark .nm-chip-name{color:#64748b}
.uc-dark .nm-divider{background:rgba(255,255,255,.06)}
.uc-dark .nm-ticker{color:#e2e8f0}
.uc-dark .nm-company{color:#64748b}
.uc-dark .nm-list li a:hover{background:rgba(255,255,255,.04)}
.uc-dark .nm-list li a:hover .nm-company{color:#94a3b8}
.uc-dark .nm-footer{border-top-color:rgba(255,255,255,.04)}
.uc-dark .nm-viewall{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.2);color:#60a5fa}
.uc-dark .nm-viewall:hover{background:rgba(59,130,246,.15);color:#93bbfd}
.uc-dark .nm-result:hover{background:rgba(255,255,255,.04);box-shadow:none}
.uc-dark .nm-result-sym{color:#f1f5f9}
.uc-dark .nm-result-name{color:#94a3b8}
.uc-dark .nm-result-sector{background:rgba(255,255,255,.06);color:#64748b}
.uc-dark .nm-empty{color:#475569}
.uc-dark .nav-cat-list>li>a:hover{background:rgba(255,255,255,.04)}
.uc-dark .nav-cat-icon{color:#475569}

/* --- Logo (bold text only, no icon) --- */
.ss-logo{display:inline-flex;align-items:center;font-size:1.25rem;font-weight:900;letter-spacing:-0.04em;color:#0f172a;text-decoration:none;line-height:1;font-style:normal;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.uc-logo .ss-logo,.uc-offcanvas-bar .ss-logo{color:#0f172a}
.ss-logo-nav{font-size:1.375rem;margin:0}
.ss-accent{color:var(--color-primary,#e62323)}
.uc-dark .ss-logo,.uc-dark .uc-logo .ss-logo,.uc-dark .uc-offcanvas-bar .ss-logo{color:#fff}
.eft-brand{display:inline-flex;align-items:center}
.eft-brand .ss-accent{color:var(--color-primary,#e62323)}
@media(min-width:1024px){.ss-logo-nav{font-size:1.5rem}}

/* --- Market Status Badge --- */
.mkt-status{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:50px;white-space:nowrap;line-height:1.5}
.mkt-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.mkt-green{background:rgba(22,163,74,.1);color:#16a34a}
.mkt-green .mkt-dot{background:#16a34a;animation:mkt-pulse 2s ease-in-out infinite}
.mkt-yellow{background:rgba(234,179,8,.1);color:#ca8a04}
.mkt-yellow .mkt-dot{background:#ca8a04}
.mkt-gray{background:rgba(100,116,139,.08);color:#64748b}
.mkt-gray .mkt-dot{background:#94a3b8}
.uc-dark .mkt-green{background:rgba(74,222,128,.1);color:#4ade80}
.uc-dark .mkt-green .mkt-dot{background:#4ade80}
.uc-dark .mkt-yellow{background:rgba(250,204,21,.1);color:#facc15}
.uc-dark .mkt-yellow .mkt-dot{background:#facc15}
.uc-dark .mkt-gray{background:rgba(148,163,184,.08);color:#94a3b8}
.uc-dark .mkt-gray .mkt-dot{background:#64748b}
@keyframes mkt-pulse{0%,100%{opacity:1}50%{opacity:.4}}
@media(max-width:767px){.mkt-status{padding:1px 7px;font-size:.5625rem}.mkt-dot{width:5px;height:5px}}

/* --- Ticker Marquee (pure CSS, GPU-accelerated) --- */
.ticker-marquee{position:relative;height:32px;overflow:hidden}
.ticker-track{display:flex;align-items:center;height:100%;width:max-content;animation:ticker-scroll 60s linear infinite;will-change:transform}
.ticker-item{flex-shrink:0;padding:0 24px;color:#fff;font-size:.8125rem;font-weight:400;text-decoration:none;white-space:nowrap;line-height:32px;position:relative}
.ticker-item+.ticker-item::before{content:"\00b7";position:absolute;left:-2px;top:50%;transform:translateY(-50%);opacity:.5;color:#fff}
.ticker-item:hover{opacity:.8;color:#fff}
@keyframes ticker-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}}


/* --- Stock Price Ticker (inline in navbar, white bg, gradient fade) --- */
.price-bar{flex:1;position:relative;height:56px;overflow:hidden;margin:0 16px;-webkit-mask-image:linear-gradient(to right,transparent,#000 48px,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(to right,transparent,#000 48px,#000 calc(100% - 48px),transparent)}
.price-track{display:flex;align-items:center;height:100%;width:max-content;animation:price-scroll 480s linear infinite;will-change:transform}
.price-item{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;padding:0 18px;font-size:.75rem;white-space:nowrap;line-height:56px;position:relative}
.price-item+.price-item::before{content:"";position:absolute;left:-1px;top:50%;transform:translateY(-50%);width:1px;height:20px;background:rgba(0,0,0,.1);border-radius:1px}
.psym{color:#1e293b;font-weight:700;letter-spacing:.01em;font-size:.7rem}
.pprice{color:#334155;font-weight:500}
.pchg{font-weight:600;font-size:.7rem}
.pchg.up{color:#16a34a}
.pchg.dn{color:#dc2626}
.uc-dark .psym{color:rgba(255,255,255,.9)}
.uc-dark .pprice{color:rgba(255,255,255,.6)}
.uc-dark .price-item+.price-item::before{background:rgba(255,255,255,.1)}
a.price-item:hover .psym{color:var(--color-primary,#e62323)}
.uc-dark a.price-item:hover .psym{color:var(--color-primary,#e62323)}
@keyframes price-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.price-bar:hover .price-track,.price-bar:focus-within .price-track{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.price-track{animation:none}}

/* --- Mobile Stock Price Ticker (full-width bar below header) --- */
.price-bar-mobile{position:relative;height:30px;overflow:hidden;background:#f8fafc;border-bottom:1px solid rgba(0,0,0,.06);-webkit-mask-image:linear-gradient(to right,transparent,#000 32px,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(to right,transparent,#000 32px,#000 calc(100% - 32px),transparent)}
.price-track-m{display:flex;align-items:center;height:100%;width:max-content;animation:price-scroll 480s linear infinite;will-change:transform}
.price-item-m{flex-shrink:0;display:inline-flex;align-items:center;gap:4px;padding:0 14px;font-size:.6875rem;white-space:nowrap;line-height:30px;position:relative}
.price-item-m+.price-item-m::before{content:"";position:absolute;left:-1px;top:50%;transform:translateY(-50%);width:1px;height:14px;background:rgba(0,0,0,.08);border-radius:1px}
.psym-m{color:#1e293b;font-weight:700;letter-spacing:.01em;font-size:.65rem}
.pprice-m{color:#475569;font-weight:500}
.pchg-m{font-weight:600;font-size:.65rem}
.pchg-m.up{color:#16a34a}
.pchg-m.dn{color:#dc2626}
.uc-dark .price-bar-mobile{background:#111827;border-bottom-color:rgba(255,255,255,.06)}
.uc-dark .psym-m{color:rgba(255,255,255,.9)}
.uc-dark .pprice-m{color:rgba(255,255,255,.55)}
.uc-dark .price-item-m+.price-item-m::before{background:rgba(255,255,255,.08)}
a.price-item-m:hover .psym-m{color:var(--color-primary,#e62323)}
.uc-dark a.price-item-m:hover .psym-m{color:var(--color-primary,#e62323)}
.price-bar-mobile:hover .price-track-m,.price-bar-mobile:focus-within .price-track-m{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.price-track-m{animation:none}}

/* --- Homepage: Hero Section --- */
.hp-hero-section{background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#0f172a 100%);color:#fff}
.hp-hero-section .post-meta,.hp-hero-section .post-meta a,.hp-hero-section .opacity-40{color:rgba(255,255,255,.6) !important}
.hp-hero-section .badge{background:rgba(255,255,255,.15) !important;color:#fff !important}
.hp-hero-header{text-align:left}
.hp-hero-title{font-size:1.75rem;font-weight:800;letter-spacing:-.03em;color:#fff;line-height:1.1}
.hp-hero-subtitle{font-size:1rem;color:rgba(255,255,255,.5);font-weight:500;margin-top:.25rem}
@media(min-width:1024px){.hp-hero-title{font-size:2.5rem}.hp-hero-subtitle{font-size:1.125rem}}

/* --- Homepage: Hero Card --- */
.hp-hero-card{border-left:4px solid var(--color-primary,#e62323);background:rgba(255,255,255,.06);backdrop-filter:blur(8px)}
.hp-hero-section .hp-hero-card a{color:#fff}
.hp-hero-section .hp-hero-card a:hover{color:var(--color-primary,#e62323) !important}
.hp-hero-section .hp-hero-card p{color:rgba(255,255,255,.6)}
.hp-hero-section article:not(.hp-hero-card){background:rgba(255,255,255,.04) !important}
.hp-hero-section article:not(.hp-hero-card) a{color:rgba(255,255,255,.9)}
.hp-hero-section article:not(.hp-hero-card) a:hover{color:var(--color-primary,#e62323) !important}
.hp-featured-label{display:inline-block;padding:2px 10px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:var(--color-primary,#e62323);color:#fff;border-radius:3px;line-height:1.5}

/* Dark mode hero: already dark bg so minimal adjustments needed */
.uc-dark .hp-hero-section{background:linear-gradient(135deg,#000 0%,#111827 50%,#000 100%)}

/* --- Homepage: Section Titles (accent border) --- */
.hp-section-title{padding-left:12px;border-left:3px solid var(--color-primary,#e62323)}

/* --- Homepage: Market Snapshot — Toolbar --- */
.hp-chart-toolbar{border-bottom:1px solid rgba(0,0,0,.04)}
.hp-idx-tabs{display:flex;gap:4px;flex-wrap:wrap}
.hp-idx-btn{padding:3px 10px;font-size:.6875rem;font-weight:600;border:1px solid #e2e8f0;background:transparent;color:#64748b;border-radius:6px;cursor:pointer;transition:all .15s;line-height:1.4;white-space:nowrap}
.hp-idx-btn.active{background:var(--color-primary,#e62323);border-color:var(--color-primary,#e62323);color:#fff}
.hp-idx-btn:hover:not(.active){border-color:#94a3b8;color:#1e293b}
.hp-range-tabs{display:flex;gap:2px}
.hp-range-btn{padding:2px 8px;font-size:.625rem;font-weight:600;border:1px solid transparent;background:transparent;color:#94a3b8;border-radius:4px;cursor:pointer;transition:all .15s;line-height:1.4}
.hp-range-btn.active{background:#f1f5f9;color:#1e293b;border-color:#e2e8f0}
.hp-range-btn:hover:not(.active){color:#64748b}
/* Price overlay */
.hp-chart-price{min-height:24px;padding-bottom:2px}
.hp-chart-price-val{font-size:1rem;font-weight:800;color:#0f172a;letter-spacing:-.02em;line-height:1}
.hp-chart-price-chg{font-size:.75rem;font-weight:600;padding:1px 6px;border-radius:4px;line-height:1.4}
.hp-chart-price-chg.up{color:#16a34a;background:rgba(22,163,74,.08)}
.hp-chart-price-chg.dn{color:#dc2626;background:rgba(220,38,38,.08)}
/* Dark mode — toolbar */
.uc-dark .hp-chart-toolbar{border-bottom-color:rgba(255,255,255,.04)}
.uc-dark .hp-idx-btn{border-color:rgba(255,255,255,.12);color:rgba(255,255,255,.5)}
.uc-dark .hp-idx-btn.active{background:var(--color-primary,#e62323);border-color:var(--color-primary,#e62323);color:#fff}
.uc-dark .hp-idx-btn:hover:not(.active){border-color:rgba(255,255,255,.25);color:#fff}
.uc-dark .hp-range-btn{color:rgba(255,255,255,.35)}
.uc-dark .hp-range-btn.active{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.1)}
.uc-dark .hp-range-btn:hover:not(.active){color:rgba(255,255,255,.6)}
.uc-dark .hp-chart-price-val{color:#fff}
.uc-dark .hp-chart-price-chg.up{color:#4ade80;background:rgba(74,222,128,.1)}
.uc-dark .hp-chart-price-chg.dn{color:#f87171;background:rgba(248,113,113,.1)}
.hp-snapshot{background:#f8fafc;border-top:1px solid rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.05)}
.hp-snap-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04)}
.hp-snapshot-chart{min-height:220px}
.hp-snapshot-loading{display:flex;align-items:center;justify-content:center;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.03) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}
.uc-dark .hp-snapshot-loading{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.03) 50%,transparent 100%);background-size:200% 100%}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
.hp-snapshot-chart a[href*="tradingview"]{display:none !important}
.hp-mover-header{padding:10px 16px;font-size:.8125rem;font-weight:700;color:#1e293b;border-bottom:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:space-between}
.hp-mover-period{font-size:.625rem;font-weight:600;color:#64748b;background:#f1f5f9;padding:2px 8px;border-radius:50px}
.uc-dark .hp-mover-period{background:rgba(255,255,255,.06);color:rgba(255,255,255,.4)}
.hp-mover-label{padding:8px 16px 3px;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.hp-mover-label.up{color:#16a34a}
.hp-mover-label.dn{color:#dc2626;border-top:1px solid rgba(0,0,0,.06);margin-top:2px;padding-top:10px}
.hp-mover-list{font-size:.8125rem;padding-bottom:10px}
.hp-mover-item{display:flex;align-items:center;gap:8px;padding:5px 16px;transition:background .15s}
.hp-mover-arrow{font-size:.625rem;line-height:1;flex-shrink:0;width:10px;text-align:center}
.hp-mover-arrow.up{color:#16a34a}
.hp-mover-arrow.dn{color:#dc2626}
.hp-mover-sym{font-weight:700;font-size:.75rem;color:#1e293b;min-width:48px}
.hp-mover-price{color:#94a3b8;font-size:.6875rem;flex:1;text-align:right}
.hp-mover-chg{font-weight:600;font-size:.6875rem;min-width:auto;text-align:right;padding:2px 8px;border-radius:4px;white-space:nowrap}
.hp-mover-chg.up{color:#16a34a;background:rgba(22,163,74,.08)}
.hp-mover-chg.dn{color:#dc2626;background:rgba(220,38,38,.08)}
@media(hover:hover){
    .hp-mover-item:hover{background:rgba(0,0,0,.025);border-radius:6px}
}
/* Dark mode — snapshot */
.uc-dark .hp-snapshot{background:#0f172a;border-top-color:rgba(255,255,255,.04);border-bottom-color:rgba(255,255,255,.04)}
.uc-dark .hp-snap-card{background:#1e293b;box-shadow:0 1px 3px rgba(0,0,0,.2),0 1px 2px rgba(0,0,0,.15)}
.uc-dark .hp-mover-header{color:#fff;border-bottom-color:rgba(255,255,255,.06)}
.uc-dark .hp-mover-label.up{color:#4ade80}
.uc-dark .hp-mover-label.dn{color:#f87171;border-top-color:rgba(255,255,255,.06)}
.uc-dark .hp-mover-sym{color:#fff}
.uc-dark .hp-mover-price{color:rgba(255,255,255,.35)}
.uc-dark .hp-mover-arrow.up{color:#4ade80}
.uc-dark .hp-mover-arrow.dn{color:#f87171}
.uc-dark .hp-mover-chg.up{color:#4ade80;background:rgba(74,222,128,.1)}
.uc-dark .hp-mover-chg.dn{color:#f87171;background:rgba(248,113,113,.1)}
.uc-dark .hp-mover-item:hover{background:rgba(255,255,255,.04)}

/* --- Homepage: Section Header (title + tabs + count in one bar) --- */
.hp-ln-header{display:flex;align-items:center;gap:0;border-bottom:1px solid #e2e8f0}
.hp-ln-left{flex-shrink:0;padding-right:1rem;display:flex;align-items:baseline;gap:.5rem}
.hp-ln-freshness{display:inline-flex;align-items:center;gap:5px;font-size:.6875rem;color:#94a3b8;white-space:nowrap;line-height:1}
.hp-ln-freshness::before{content:'';width:6px;height:6px;background:#22c55e;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px rgba(34,197,94,.4);animation:ln-pulse 2s ease-in-out infinite}
@keyframes ln-pulse{0%,100%{opacity:1}50%{opacity:.35}}
.hp-ln-count{flex-shrink:0;font-size:.75rem;font-weight:500;color:#94a3b8;white-space:nowrap;padding:10px 0 10px .75rem;border-left:1px solid #e2e8f0}
.uc-dark .hp-ln-header{border-bottom-color:rgba(255,255,255,.08)}
.uc-dark .hp-ln-freshness{color:rgba(255,255,255,.3)}
.uc-dark .hp-ln-freshness::before{background:#4ade80;box-shadow:0 0 6px rgba(74,222,128,.4)}
.uc-dark .hp-ln-count{color:rgba(255,255,255,.3);border-left-color:rgba(255,255,255,.08)}
/* Category tabs — inline, scrollable, with fade indicator */
.hp-cat-tabs{flex:1;min-width:0;overflow:hidden;position:relative}
.hp-cat-tabs::after{content:'';position:absolute;right:0;top:0;bottom:0;width:32px;background:linear-gradient(90deg,transparent,#fff);pointer-events:none;z-index:1;opacity:.85}
.uc-dark .hp-cat-tabs::after{background:linear-gradient(90deg,transparent,var(--bg-body,#0f172a))}
.hp-cat-scroll{display:flex;gap:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.hp-cat-scroll::-webkit-scrollbar{display:none}
.hp-tab{display:inline-flex;align-items:center;padding:10px 14px;font-size:.8125rem;font-weight:500;color:#64748b;text-decoration:none;white-space:nowrap;border-bottom:2.5px solid transparent;margin-bottom:-1px;border-radius:6px 6px 0 0;transition:color .15s,border-color .15s,background .15s}
.hp-tab:hover{color:#0f172a;background:rgba(0,0,0,.025)}
.hp-tab-active{color:var(--color-primary,#e62323);border-bottom-color:var(--color-primary,#e62323);font-weight:600}
.uc-dark .hp-tab{color:rgba(255,255,255,.45)}
.uc-dark .hp-tab:hover{color:rgba(255,255,255,.8);background:rgba(255,255,255,.04)}
.uc-dark .hp-tab-active{color:var(--color-primary,#e62323);border-bottom-color:var(--color-primary,#e62323)}

/* --- Homepage: "New" / "Breaking" Badges --- */
.hp-new-badge{display:inline-block;padding:1px 7px;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:#16a34a;color:#fff;border-radius:3px;line-height:1.6;vertical-align:middle}
.hp-breaking-badge{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:var(--color-primary,#e62323);color:#fff;border-radius:3px;line-height:1.6;vertical-align:middle;box-shadow:0 0 8px rgba(230,35,35,.3);animation:breaking-pulse 2s ease-in-out infinite}
.hp-breaking-badge::before{content:'';width:6px;height:6px;background:#fff;border-radius:50%;animation:breaking-dot 1.5s ease-in-out infinite}
@keyframes breaking-pulse{0%,100%{opacity:1}50%{opacity:.75}}
@keyframes breaking-dot{0%,100%{opacity:1}50%{opacity:.4}}

/* --- Homepage: Trending Ticker Card --- */
.hp-tk-card{display:block;padding:14px 16px;background:#fff;border:1px solid #e8ecf1;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.04);transition:box-shadow .2s,transform .2s,border-color .2s}
.hp-tk-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.hp-tk-sub{margin-top:6px}
.hp-tk-symbol{font-size:.9375rem;font-weight:800;color:#0f172a;letter-spacing:-.01em}
.hp-tk-price-group{display:flex;align-items:baseline;gap:6px}
.hp-tk-price{font-size:.8125rem;font-weight:600;color:#475569}
.hp-tk-chg{font-size:.6875rem;font-weight:700;padding:2px 7px;border-radius:4px;white-space:nowrap}
.hp-tk-chg.up{color:#16a34a;background:rgba(22,163,74,.08)}
.hp-tk-chg.dn{color:#dc2626;background:rgba(220,38,38,.08)}
.hp-tk-name{font-size:.75rem;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hp-tk-count{font-size:.6875rem;color:#94a3b8;white-space:nowrap;flex-shrink:0;margin-left:8px}
@media(hover:hover){
    .hp-tk-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.08);transform:translateY(-2px);border-color:var(--color-primary,#e62323)}
}
.uc-dark .hp-tk-card{background:#1e293b;border-color:rgba(255,255,255,.06);box-shadow:0 1px 3px rgba(0,0,0,.2)}
.uc-dark .hp-tk-symbol{color:#fff}
.uc-dark .hp-tk-price{color:rgba(255,255,255,.5)}
.uc-dark .hp-tk-chg.up{color:#4ade80;background:rgba(74,222,128,.12)}
.uc-dark .hp-tk-chg.dn{color:#f87171;background:rgba(248,113,113,.12)}
.uc-dark .hp-tk-name{color:rgba(255,255,255,.35)}
.uc-dark .hp-tk-count{color:rgba(255,255,255,.3)}
@media(hover:hover){
    .uc-dark .hp-tk-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.35);border-color:rgba(230,35,35,.4)}
}

/* --- Homepage: Empty State --- */
.hp-empty-state{text-align:center;padding:3rem 1rem}
.hp-empty-icon{font-size:2rem;opacity:.3;margin-bottom:.75rem}

/* --- Homepage: Stock of the Day Spotlight --- */
.hp-sotd{border-top:1px solid rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.05)}
.hp-sotd-card{position:relative;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);box-shadow:0 8px 32px rgba(0,0,0,.12)}
.hp-sotd-chart-wrap{position:relative;min-height:300px}
.hp-sotd-chart{position:absolute;inset:0;z-index:1}
.hp-sotd-overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:32px 36px;background:linear-gradient(90deg,rgba(15,23,42,.92) 0%,rgba(15,23,42,.6) 45%,transparent 75%);pointer-events:none}
.hp-sotd-overlay>*{pointer-events:auto}
.hp-sotd-link{display:block;margin-bottom:4px}
.hp-sotd-sym{font-size:3rem;font-weight:900;color:#fff;letter-spacing:-.03em;line-height:1}
.hp-sotd-name{font-size:.875rem;color:rgba(255,255,255,.55);margin-top:2px;font-weight:500}
.hp-sotd-stats{display:flex;align-items:baseline;gap:10px;margin-top:12px}
.hp-sotd-price{font-size:1.75rem;font-weight:700;color:#fff;letter-spacing:-.02em}
.hp-sotd-chg{display:inline-block;padding:4px 14px;border-radius:20px;font-weight:700;font-size:.875rem}
.hp-sotd-chg.up{background:rgba(22,163,74,.2);color:#4ade80}
.hp-sotd-chg.dn{background:rgba(220,38,38,.2);color:#f87171}
.hp-sotd-sector{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.35);margin-top:8px}
.hp-sotd-cta{display:inline-flex;align-items:center;gap:4px;margin-top:16px;padding:8px 20px;border-radius:24px;font-size:.8125rem;font-weight:600;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(4px);transition:all .2s}
.hp-sotd-cta:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.25);transform:translateY(-1px)}
.hp-sotd-cta i{font-size:.75rem;transition:transform .2s}
.hp-sotd-cta:hover i{transform:translateX(2px)}
/* Articles row */
.hp-sotd-articles{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.06)}
.hp-sotd-article{display:flex;flex-direction:column;gap:4px;padding:14px 20px;background:linear-gradient(135deg,#0f172a,#1e293b);transition:background .2s}
.hp-sotd-article:hover{background:rgba(255,255,255,.06)}
.hp-sotd-article-title{font-size:.8125rem;font-weight:600;color:rgba(255,255,255,.85);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hp-sotd-article-time{font-size:.6875rem;color:rgba(255,255,255,.35);font-weight:500}
/* Responsive */
@media(max-width:767px){
    .hp-sotd-chart-wrap{min-height:240px}
    .hp-sotd-overlay{padding:24px 20px;background:linear-gradient(0deg,rgba(15,23,42,.95) 0%,rgba(15,23,42,.6) 60%,transparent 100%);justify-content:flex-end}
    .hp-sotd-sym{font-size:2.25rem}
    .hp-sotd-price{font-size:1.375rem}
    .hp-sotd-articles{grid-template-columns:1fr}
}
@media(min-width:768px) and (max-width:1023px){
    .hp-sotd-sym{font-size:2.5rem}
}
/* Dark mode: card is always dark, just adjust outer section */
.uc-dark .hp-sotd{border-top-color:rgba(255,255,255,.04);border-bottom-color:rgba(255,255,255,.04)}
.uc-dark .hp-sotd-card{box-shadow:0 8px 32px rgba(0,0,0,.3)}

/* --- Homepage: Alternating Section Background --- */
.hp-alt-bg{background:#f8fafc}
.uc-dark .hp-alt-bg{background:rgba(255,255,255,.02)}

/* --- Homepage: Post Card (stretched-link pattern) --- */
.hp-card{position:relative;background:#fff;border:1px solid #e8ecf1;box-shadow:0 1px 3px rgba(0,0,0,.04);transition:box-shadow .2s,transform .2s,border-color .2s;cursor:pointer}
.hp-card .hp-card-link::after{content:'';position:absolute;inset:0;z-index:0;border-radius:inherit}
.hp-card .post-meta a,.hp-card .post-footer a,.hp-card .hp-card-cta{position:relative;z-index:1}
.uc-dark .hp-card{background:#1e293b;border-color:rgba(255,255,255,.06);box-shadow:0 1px 3px rgba(0,0,0,.2)}
@media(hover:hover){
    .hp-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08);transform:translateY(-2px);border-color:var(--color-primary,#e62323)}
    .uc-dark .hp-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.35);border-color:rgba(230,35,35,.4)}
}

/* --- Homepage: Featured Lead Card --- */
.hp-card-lead{background:linear-gradient(135deg,#0f172a,#1e293b)!important;border-color:transparent!important;color:#fff;box-shadow:0 4px 16px rgba(0,0,0,.15)}
.hp-card-lead .post-meta,.hp-card-lead .post-meta span,.hp-card-lead .post-meta time{color:rgba(255,255,255,.6)!important}
.hp-card-lead .post-meta .opacity-40{opacity:.25!important}
.hp-card-lead .post-title a{color:#fff}
.hp-card-lead .post-title{font-size:1.25rem}
.hp-card-lead p{color:rgba(255,255,255,.65)!important}
.hp-card-lead .post-footer{border-top-color:rgba(255,255,255,.1)!important;color:rgba(255,255,255,.6)}
.hp-card-lead .post-footer span{color:rgba(255,255,255,.6)!important}
.hp-card-lead .hp-card-cta{border-color:rgba(255,255,255,.3)!important;color:#fff!important}
.hp-card-lead .hp-card-cta:hover{background:var(--color-primary,#e62323)!important;border-color:var(--color-primary,#e62323)!important}
.hp-card-lead .badge{background:rgba(255,255,255,.12)!important;color:#fff!important}
.hp-card-lead .hp-breaking-badge,.hp-card-lead .hp-new-badge{background:var(--color-primary,#e62323)!important}
@media(hover:hover){
    .hp-card-lead:hover{box-shadow:0 12px 32px rgba(0,0,0,.25);transform:translateY(-2px);border-color:transparent!important}
}
@media(min-width:1024px){
    .hp-card-lead .post-title{font-size:1.5rem}
}

/* --- Homepage: Card Entrance Animation --- */
.hp-card-enter{opacity:0;animation:hp-card-in .4s ease-out forwards}
@keyframes hp-card-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){
    .hp-card-enter{opacity:1;animation:none}
}

/* --- Homepage: Category Heading Accent --- */
.hp-cat-heading{padding-left:10px;border-left:3px solid var(--color-primary,#e62323)}

@media(max-width:767px){
    .hp-idx-btn{padding:2px 7px;font-size:.5625rem}
    .hp-idx-tabs{gap:2px}
    .hp-range-btn{padding:1px 6px;font-size:.5625rem}
    .hp-range-tabs{gap:1px}
    .hp-chart-price-val{font-size:.875rem}
    .hp-chart-price-chg{font-size:.6875rem}
    .hp-snapshot-chart{min-height:180px;height:180px}
    .hp-mover-item{padding:5px 12px;gap:6px}
    .hp-mover-header{padding:8px 12px;font-size:.75rem}
    .hp-mover-label{padding:6px 12px 2px}
    .hp-mover-label.dn{padding-top:8px;margin-top:1px}
    .hp-mover-list{padding-bottom:8px}
    .hp-mover-chg{padding:1px 6px;font-size:.625rem}
    .hp-mover-sym{min-width:42px}
    .hp-ln-header{flex-wrap:wrap}
    .hp-ln-left{width:100%;padding-right:0;padding-bottom:.25rem;justify-content:flex-start}
    .hp-ln-count{display:none}
    .hp-cat-tabs{width:100%;flex:none}
    .hp-cat-tabs::after{width:24px}
    .hp-tab{padding:8px 10px;font-size:.75rem}
}

/* --- Ticker Page: Price Card --- */
.tk-price-card{background:#f8fafc;border:1px solid #e2e8f0}
.tk-price-value{font-size:2rem;font-weight:800;color:#0f172a;letter-spacing:-.02em;line-height:1}
.tk-price-change{font-size:.875rem;font-weight:700;padding:4px 8px;border-radius:4px;line-height:1}
.tk-price-change.up{color:#16a34a;background:rgba(22,163,74,.08)}
.tk-price-change.dn{color:#dc2626;background:rgba(220,38,38,.08)}
.uc-dark .tk-price-card{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}
.uc-dark .tk-price-value{color:#fff}
.uc-dark .tk-price-change.up{background:rgba(22,163,74,.15)}
.uc-dark .tk-price-change.dn{background:rgba(220,38,38,.15)}
/* Ticker page: Key Stats Grid */
.tk-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-radius:10px;overflow:hidden;background:#f8fafc}
.tk-stat{padding:14px 16px;text-align:center}
.tk-stat-label{display:block;font-size:.6875rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}
.tk-stat-val{display:block;font-size:.9375rem;font-weight:700;color:#0f172a}
.uc-dark .tk-stats-grid{background:rgba(255,255,255,.04)}
.uc-dark .tk-stat-label{color:rgba(255,255,255,.35)}
.uc-dark .tk-stat-val{color:#fff}
@media(max-width:767px){.tk-stats-grid{grid-template-columns:repeat(2,1fr)}.tk-stat{padding:10px 12px}.tk-stat-val{font-size:.8125rem}}

/* --- Ticker Page: Chart --- */
.tk-chart-container a[href*="tradingview"],.cp-card-body a[href*="tradingview"]{display:none !important}
.tk-chart-container{width:100%;height:360px;border-radius:8px;overflow:hidden;border:1px solid #e2e8f0;background:#fff}
.tk-chart-loading{display:flex;align-items:center;justify-content:center;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.03) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}
.uc-dark .tk-chart-loading{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.03) 50%,transparent 100%);background-size:200% 100%}
.uc-dark .tk-chart-container{border-color:rgba(255,255,255,.08);background:#111827}
.tk-range-btn,.tk-chart-type{padding:4px 12px;font-size:.75rem;font-weight:600;border:1px solid #e2e8f0;background:transparent;color:#64748b;border-radius:4px;cursor:pointer;transition:all .15s}
.tk-range-btn.active,.tk-chart-type.active{background:var(--color-primary,#e62323);border-color:var(--color-primary,#e62323);color:#fff}
.tk-range-btn:hover:not(.active),.tk-chart-type:hover:not(.active){border-color:#94a3b8;color:#1e293b}
.uc-dark .tk-range-btn,.uc-dark .tk-chart-type{border-color:rgba(255,255,255,.12);color:rgba(255,255,255,.5)}
.uc-dark .tk-range-btn:hover:not(.active),.uc-dark .tk-chart-type:hover:not(.active){border-color:rgba(255,255,255,.25);color:#fff}
.uc-dark .tk-range-btn.active,.uc-dark .tk-chart-type.active{background:var(--color-primary,#e62323);border-color:var(--color-primary,#e62323);color:#fff}

/* --- Breadcrumbs --- */
.bc-list{display:flex;align-items:center;gap:6px;list-style:none;padding:0;margin:0;font-size:.8125rem}
.bc-link{color:#64748b;text-decoration:none;font-weight:500;transition:color .15s}
.bc-link:hover{color:var(--color-primary,#e62323)}
.bc-sep{color:#cbd5e1;font-size:.5rem;line-height:1}
.bc-current{color:#1e293b;font-weight:600;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.uc-dark .bc-link{color:rgba(255,255,255,.5)}
.uc-dark .bc-link:hover{color:var(--color-primary,#e62323)}
.uc-dark .bc-sep{color:rgba(255,255,255,.2)}
.uc-dark .bc-current{color:rgba(255,255,255,.9)}
@media(max-width:767px){.bc-list{font-size:.75rem;gap:4px}.bc-current{max-width:180px}}

/* --- Post: Reading Progress Bar --- */
.reading-progress{position:fixed;top:0;left:0;width:0;height:3px;background:var(--color-primary,#e62323);z-index:9999;transition:width .1s linear;opacity:0;pointer-events:none}

/* --- Post: Article Header --- */
.pt-header{border-bottom:1px solid rgba(0,0,0,.06);padding-bottom:1.25rem}
.uc-dark .pt-header{border-bottom-color:rgba(255,255,255,.06)}
/* Byline */
.pt-byline{gap:6px}
.pt-byline-date{font-size:.8125rem;font-weight:600;color:#475569}
.pt-byline-sep{width:3px;height:3px;border-radius:50%;background:#cbd5e1;flex-shrink:0}
.pt-byline-meta{font-size:.8125rem;color:#94a3b8}
.uc-dark .pt-byline-date{color:rgba(255,255,255,.6)}
.uc-dark .pt-byline-sep{background:rgba(255,255,255,.15)}
.uc-dark .pt-byline-meta{color:rgba(255,255,255,.4)}

/* --- Post: Reading Progress Bar --- */
.pt-progress{position:sticky;top:0;z-index:50;height:3px;background:#e2e8f0;overflow:hidden;border-radius:0 0 2px 2px}
.pt-progress-bar{height:100%;width:0;background:var(--color-primary,#e62323);transition:width .1s linear;border-radius:0 2px 2px 0}
.uc-dark .pt-progress{background:rgba(255,255,255,.06)}
@media(prefers-reduced-motion:reduce){.pt-progress-bar{transition:none}}

/* --- Post: Source Attribution (accent border) --- */
.pt-source{padding:12px 16px;border-left:3px solid var(--color-primary,#e62323);background:#fef2f2;border-radius:0 8px 8px 0}
.pt-source-inner{gap:10px}
.pt-source-text{font-size:.8125rem;color:#64748b}
.pt-source-link{font-weight:600;color:var(--color-primary,#e62323);text-decoration:none}
.pt-source-link:hover{text-decoration:underline}
.uc-dark .pt-source{background:rgba(220,38,38,.06);border-left-color:var(--color-primary,#e62323)}
.uc-dark .pt-source-text{color:rgba(255,255,255,.5)}
.uc-dark .pt-source-link{color:#f87171}

/* --- Post: Reviewer Byline --- */
.pt-reviewer{display:flex;align-items:center;gap:8px}
.pt-reviewer-avatar{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700;color:#fff;letter-spacing:.02em}
.pt-reviewer-text{font-size:.75rem;color:#64748b;line-height:1.4}
.pt-reviewer-text strong{color:#1e293b;font-weight:600}
.uc-dark .pt-reviewer-text{color:rgba(255,255,255,.45)}
.uc-dark .pt-reviewer-text strong{color:#fff}

/* --- Post: Tags --- */
.pt-tags-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8}
.uc-dark .pt-tags-label{color:rgba(255,255,255,.3)}

/* --- Post: Sidebar Chart Card --- */
/* Light mode: clean white card with border */
.pt-chart-card{position:relative;background:#fff;color:#0f172a;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0}
.pt-chart-header{padding:12px 14px 6px}
.pt-chart-sym{font-size:1rem;font-weight:800;letter-spacing:-.02em;color:inherit;transition:color .15s}
a.pt-chart-sym:hover{color:var(--color-primary,#e62323)}
.pt-chart-name{display:block;font-size:.6875rem;font-weight:500;color:#64748b;margin-top:1px}
.pt-chart-price{font-size:1rem;font-weight:700}
.pt-chart-chg{font-size:.6875rem;font-weight:700;padding:2px 7px;border-radius:4px}
.pt-chart-chg.up{color:#16a34a;background:rgba(22,163,74,.1)}
.pt-chart-chg.dn{color:#dc2626;background:rgba(220,38,38,.1)}
.pt-chart-container{height:140px;position:relative;overflow:hidden;transition:opacity .25s ease}
.pt-chart-loading{display:flex;align-items:center;justify-content:center;height:100%;font-size:.75rem;color:#94a3b8}
/* Hover tooltip */
.pt-chart-tooltip{position:absolute;left:14px;display:flex;align-items:baseline;gap:6px;pointer-events:none;opacity:0;transition:opacity .12s;z-index:2;padding:4px 8px;border-radius:6px;background:rgba(255,255,255,.88);backdrop-filter:blur(4px);box-shadow:0 1px 4px rgba(0,0,0,.08)}
.pt-tip-price{font-size:.8125rem;font-weight:700;color:#0f172a}
.pt-tip-date{font-size:.625rem;font-weight:500;color:#94a3b8}
.pt-chart-footer{display:flex;align-items:center;justify-content:space-between;padding:6px 14px 10px;border-top:1px solid #f1f5f9}
.pt-chart-ranges{display:flex;gap:3px}
.pt-chart-range{padding:3px 9px;font-size:.625rem;font-weight:600;border:1px solid #e2e8f0;border-radius:4px;background:transparent;color:#64748b;cursor:pointer;transition:all .15s;font-family:inherit}
.pt-chart-range:hover{border-color:#94a3b8;color:#1e293b}
.pt-chart-range.active{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.3);color:#2563eb}
.pt-chart-link{font-size:.6875rem;font-weight:600;color:#94a3b8;text-decoration:none;transition:color .15s;white-space:nowrap}
.pt-chart-link:hover{color:#1e293b}
.pt-chart-link:hover{text-decoration:none}
/* Dark mode: dark gradient card */
.uc-dark .pt-chart-card{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;border-color:rgba(255,255,255,.06)}
.uc-dark .pt-chart-name{color:rgba(255,255,255,.5)}
.uc-dark a.pt-chart-sym{color:#fff}
.uc-dark a.pt-chart-sym:hover{color:var(--color-primary,#e62323)}
.uc-dark .pt-chart-chg.up{color:#4ade80;background:rgba(74,222,128,.15)}
.uc-dark .pt-chart-chg.dn{color:#f87171;background:rgba(248,113,113,.15)}
.uc-dark .pt-chart-loading{color:rgba(255,255,255,.3)}
.uc-dark .pt-chart-tooltip{background:rgba(15,23,42,.85);box-shadow:0 1px 4px rgba(0,0,0,.25)}
.uc-dark .pt-tip-price{color:#fff}
.uc-dark .pt-tip-date{color:rgba(255,255,255,.4)}
.uc-dark .pt-chart-footer{border-top-color:rgba(255,255,255,.06)}
.uc-dark .pt-chart-range{border-color:rgba(255,255,255,.12);color:rgba(255,255,255,.5)}
.uc-dark .pt-chart-range:hover{border-color:rgba(255,255,255,.25);color:rgba(255,255,255,.8)}
.uc-dark .pt-chart-range.active{background:rgba(59,130,246,.25);border-color:rgba(59,130,246,.4);color:#93c5fd}
.uc-dark .pt-chart-link{color:rgba(255,255,255,.45)}
.uc-dark .pt-chart-link:hover{color:#fff}
@media(max-width:767px){
    .pt-chart-container{height:120px}
}
/* Mobile chart injected after first paragraph */
.pt-mob-chart{margin:1.25rem 0;clear:both}
.pt-mob-chart .pt-chart-container{height:140px}

/* --- Post: Sidebar --- */
.post-sidebar{position:relative}
.ps-sticky{position:sticky;top:80px}
.ps-card{border:1px solid #e8ecf1;border-radius:10px !important;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.04);transition:box-shadow .2s;overflow:hidden}
.ps-card-title{font-size:.6875rem;font-weight:700;color:#94a3b8;margin:0 0 8px;text-transform:uppercase;letter-spacing:.08em;padding-bottom:8px;border-bottom:2px solid var(--color-primary,#e62323);display:flex;align-items:center;gap:6px}
.ps-card-title::before{content:'';width:3px;height:14px;background:var(--color-primary,#e62323);border-radius:2px;flex-shrink:0}
.ps-card-viewall{display:flex;align-items:center;justify-content:center;gap:4px;margin:8px -1rem -1rem;padding:10px 1rem;background:#fef2f2;font-size:.75rem;font-weight:600;color:var(--color-primary,#e62323);text-decoration:none;border-top:1px solid rgba(0,0,0,.06);transition:background .15s}
.ps-card-viewall:hover{background:#fee2e2}
.uc-dark .ps-card{border-color:rgba(255,255,255,.08);background:#0f172a;box-shadow:0 1px 4px rgba(0,0,0,.2)}
.uc-dark .ps-card-title{color:rgba(255,255,255,.45);border-bottom-color:var(--color-primary,#e62323)}
.uc-dark .ps-card-viewall{background:rgba(220,38,38,.08);color:#f87171;border-top-color:rgba(255,255,255,.06)}
.uc-dark .ps-card-viewall:hover{background:rgba(220,38,38,.15)}

/* Prev / Next article navigation */
.pn-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid rgba(0,0,0,.08);padding-top:1.5rem}
.pn-card{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid rgba(0,0,0,.08);border-radius:10px;transition:border-color .15s,box-shadow .15s,transform .15s}
.pn-card:hover{border-color:var(--color-primary,#e62323);box-shadow:0 2px 12px rgba(230,35,35,.08);transform:translateY(-1px)}
.pn-next{text-align:right}
.pn-next:only-child{grid-column:2}
.pn-arrow{width:20px;height:20px;flex-shrink:0;color:#94a3b8;transition:color .15s,transform .15s}
.pn-card:hover .pn-arrow{color:var(--color-primary,#e62323)}
.pn-prev:hover .pn-arrow{transform:translateX(-3px)}
.pn-next:hover .pn-arrow{transform:translateX(3px)}
.pn-text{flex:1;min-width:0}
.pn-label{display:block;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin-bottom:4px}
.pn-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.8125rem;font-weight:600;color:#1e293b;line-height:1.45}
.uc-dark .pn-nav{border-top-color:rgba(255,255,255,.08)}
.uc-dark .pn-card{border-color:rgba(255,255,255,.08)}
.uc-dark .pn-card:hover{border-color:var(--color-primary,#e62323);box-shadow:0 2px 12px rgba(230,35,35,.12)}
.uc-dark .pn-arrow{color:rgba(255,255,255,.3)}
.uc-dark .pn-card:hover .pn-arrow{color:#f87171}
.uc-dark .pn-label{color:rgba(255,255,255,.35)}
.uc-dark .pn-title{color:rgba(255,255,255,.85)}
@media(max-width:575px){.pn-nav{grid-template-columns:1fr}.pn-next{text-align:left}.pn-next:only-child{grid-column:1}}

/* Sidebar: Related articles */
.ps-related-link{display:block;padding:12px 1rem 12px calc(1rem - 3px);margin:0 -1rem;border-left:3px solid transparent;transition:background .15s,border-left-color .15s}
.ps-related-link+.ps-related-link{border-top:1px solid rgba(0,0,0,.06)}
.ps-related-link:hover{background:#f1f5f9;border-left-color:var(--color-primary,#e62323)}
.ps-related-date{font-size:.6875rem;color:#94a3b8}
.ps-related-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.8125rem;font-weight:600;color:#1e293b;line-height:1.4;margin-top:3px;transition:color .15s}
.ps-related-link:hover .ps-related-title{color:var(--color-primary,#e62323)}
.uc-dark .ps-related-link:hover{background:rgba(255,255,255,.06);border-left-color:var(--color-primary,#e62323)}
.uc-dark .ps-related-date{color:rgba(255,255,255,.3)}
.uc-dark .ps-related-title{color:rgba(255,255,255,.85)}
.uc-dark .ps-related-link:hover .ps-related-title{color:#f87171}
.uc-dark .ps-related-link+.ps-related-link{border-top-color:rgba(255,255,255,.06)}

/* Sidebar: Newsletter CTA */
.ps-cta{padding:16px;background:linear-gradient(135deg,#fef2f2,#fff1f2);border:1px solid rgba(220,38,38,.1)}
.ps-cta-title{font-size:.875rem;font-weight:800;color:#0f172a;margin:0}
.ps-cta-desc{font-size:.75rem;color:#64748b;margin:0;line-height:1.4}
.uc-dark .ps-cta{background:linear-gradient(135deg,rgba(220,38,38,.08),rgba(220,38,38,.04));border-color:rgba(220,38,38,.15)}
.uc-dark .ps-cta-title{color:#fff}
.uc-dark .ps-cta-desc{color:rgba(255,255,255,.45)}

/* --- Share Buttons --- */
.post-share-icons .share-btn{display:inline-flex !important;align-items:center;justify-content:center;box-sizing:border-box !important;width:32px !important;height:32px !important;min-width:32px !important;max-width:32px !important;min-height:0 !important;max-height:32px !important;padding:0 !important;margin:0;border-radius:50% !important;font-size:.875rem !important;line-height:1 !important;color:#fff;border:none;cursor:pointer;text-decoration:none !important;transition:opacity .15s,transform .15s;flex-shrink:0;flex-grow:0;overflow:hidden}
.post-share-icons .share-btn svg{width:14px !important;height:14px !important;flex-shrink:0}
.post-share-icons .share-btn i{font-size:.875rem !important;line-height:1 !important;width:auto !important;height:auto !important}
.post-share-icons .share-btn:hover{opacity:.8;transform:scale(1.06)}
.post-share-icons .share-x,.post-share-icons .share-x:hover{background:#000 !important}
.post-share-icons .share-fb,.post-share-icons .share-fb:hover{background:#1877F2 !important}
.post-share-icons .share-li,.post-share-icons .share-li:hover{background:#0A66C2 !important}
.post-share-icons .share-rd,.post-share-icons .share-rd:hover{background:#FF4500 !important}
.post-share-icons .share-wa,.post-share-icons .share-wa:hover{background:#25D366 !important}
.post-share-icons .share-tg,.post-share-icons .share-tg:hover{background:#0088cc !important}
.post-share-icons .share-em,.post-share-icons .share-em:hover{background:#6c757d !important}
.post-share-icons .share-copy{background:transparent !important;color:#94a3b8 !important;border:1px solid #e2e8f0 !important}
.post-share-icons .share-copy:hover{color:#475569 !important;border-color:#94a3b8 !important}
.uc-dark .post-share-icons .share-copy{color:rgba(255,255,255,.4) !important;border-color:rgba(255,255,255,.1) !important}
.uc-dark .post-share-icons .share-copy:hover{color:#fff !important;border-color:rgba(255,255,255,.25) !important}

/* --- Focus-visible (keyboard accessibility) --- */
.share-btn:focus-visible,
.ticker-item:focus-visible,
.eft a:focus-visible,
.darkmode-trigger:focus-visible,
.backtotop-wrap .btn:focus-visible,
.hp-cat-link:focus-visible,
.tk-range-btn:focus-visible,
.tk-chart-type:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}

/* --- Floating Buttons (back-to-top + dark mode) --- */
.backtotop-wrap{gap:8px}
@media(max-width:767px){
    .backtotop-wrap .dm-float,
    .backtotop-wrap .btn{width:34px !important;height:34px !important}
    .backtotop-wrap .dm-float svg{width:16px;height:16px}
    .backtotop-wrap .btn i{font-size:1rem}
}

/* --- Post Content: Premium Typography --- */
/* Drop cap */
.post-content p:first-child::first-letter{font-size:3.2em;margin-right:8px;line-height:.85em;color:#0f172a;font-weight:700;float:left}
.post-content.no-dropcap p:first-child::first-letter{font-size:inherit;margin-right:0;line-height:inherit;color:inherit;font-weight:inherit;float:none}
.uc-dark .post-content p:first-child::first-letter{color:#fff}
/* Lead paragraph */
.post-content>p:first-child{font-size:1.1em;line-height:1.75;color:#334155}
.uc-dark .post-content>p:first-child{color:rgba(255,255,255,.8)}
/* H2 sections — clear visual break */
.post-content h2{margin-top:2.25rem;margin-bottom:.75rem;padding-top:1.5rem;border-top:1px solid #e2e8f0;font-weight:800;color:#0f172a;letter-spacing:-.01em}
.post-content>p:first-child+h2,.post-content>h2:first-child{border-top:none;padding-top:0;margin-top:1.25rem}
.uc-dark .post-content h2{border-top-color:rgba(255,255,255,.06);color:#fff}
/* H3 subsections */
.post-content h3{margin-top:1.75rem;margin-bottom:.5rem;font-weight:700;color:#1e293b;font-size:1.05em}
.uc-dark .post-content h3{color:rgba(255,255,255,.9)}
/* Paragraph spacing */
.post-content p+p{margin-top:.875rem}
.post-content p{line-height:1.75}
/* Lists — elevated panels */
.post-content ul,.post-content ol{margin:1.25rem 0;padding:16px 16px 16px 36px;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px}
.post-content li{margin-bottom:.625rem;line-height:1.65}
.post-content li:last-child{margin-bottom:0}
.post-content li strong{color:#334155;font-weight:inherit}
.uc-dark .post-content ul,.uc-dark .post-content ol{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.06)}
.uc-dark .post-content li strong{color:rgba(255,255,255,.85)}
/* Inline bold/strong — subtle emphasis via color only, no extra weight */
.post-content p strong{color:#0f172a;font-weight:500}
.uc-dark .post-content p strong{color:#fff}
/* Headings are already bold — strong inside them should not add weight */
.post-content h2 strong,.post-content h3 strong{font-weight:inherit;color:inherit}
/* Internal stock links — distinctive */
.post-content a[href^="/stocks/"]{color:var(--color-primary,#e62323);font-weight:600;text-decoration:none;border-bottom:1px dashed rgba(230,35,35,.4);transition:border-color .15s}
.post-content a[href^="/stocks/"]:hover{border-bottom-style:solid;border-bottom-color:var(--color-primary,#e62323)}
/* Internal category links */
.post-content a[href^="/category/"]{color:var(--color-primary,#e62323);font-weight:500;text-decoration:none;transition:opacity .15s}
.post-content a[href^="/category/"]:hover{text-decoration:underline}
/* External links (source references) */
.post-content a[target="_blank"]{color:#2563eb;text-decoration-color:rgba(37,99,235,.3);text-underline-offset:2px}
.post-content a[target="_blank"]:hover{text-decoration-color:#2563eb}
.uc-dark .post-content a[target="_blank"]{color:#60a5fa}

/* --- Callout Borders --- */
.callout-warning{border-left:3px solid var(--bs-warning, #ffc107)}
.callout-danger{border-left:3px solid var(--bs-danger, #dc3545)}

/* --- Reduced Motion: disable non-essential transforms --- */
@media(prefers-reduced-motion:reduce){
    .hp-card,.hp-card:hover{transform:none;transition:none}
    .eft-form button:active{transform:none}
}

/* --- Skip Link (visible on focus) --- */
.skip-link{position:absolute;top:-100%;left:50%;transform:translateX(-50%);z-index:10000;padding:8px 16px;background:var(--color-primary);color:#fff;border-radius:0 0 6px 6px;font-size:.875rem;font-weight:600;text-decoration:none;transition:top .15s}
.skip-link:focus{top:0}

/* --- Floating Dark Mode Toggle (sun/moon) --- */
.dm-float{
    width:40px;height:40px;border-radius:50%;
    background:#f1f5f9;color:#64748b;
    display:flex;align-items:center;justify-content:center;
    cursor:pointer;transition:all .25s;
    box-shadow:0 1px 4px rgba(0,0,0,.08);
}
.dm-float:hover{background:#e2e8f0;color:#334155}
.uc-dark .dm-float{background:#1e293b;color:#94a3b8;box-shadow:0 1px 4px rgba(0,0,0,.3)}
.uc-dark .dm-float:hover{background:#334155;color:#e2e8f0}
.dm-float-wrap{display:flex;align-items:center;justify-content:center;cursor:pointer;margin:0}
.dm-float-wrap input{position:absolute;opacity:0;width:0;height:0}
.dm-icon{transition:all .3s}
.dm-sun{display:block}
.dm-moon{display:none}
.uc-dark .dm-sun{display:none}
.uc-dark .dm-moon{display:block}

/* --- Sidebar Dark Mode Toggle (pill switch) --- */
.dm-sidebar{margin-top:4px}
.dm-sidebar-wrap{display:flex;align-items:center;gap:10px;cursor:pointer}
.dm-sidebar-wrap input{position:absolute;opacity:0;width:0;height:0}
.dm-sidebar-track{
    position:relative;width:44px;height:24px;border-radius:12px;
    background:#cbd5e1;transition:background .25s;flex-shrink:0;
    border:1px solid #94a3b8;
}
.uc-dark .dm-sidebar-track{background:#334155;border-color:#475569}
.dm-sidebar-thumb{
    position:absolute;top:2px;left:2px;
    width:18px;height:18px;border-radius:50%;
    background:#fff;display:flex;align-items:center;justify-content:center;
    transition:all .25s;color:#f59e0b;
    box-shadow:0 1px 3px rgba(0,0,0,.2);
}
.uc-dark .dm-sidebar-thumb{left:22px;color:#a5b4fc;background:#1e293b;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.dm-sidebar-thumb .dm-sun{display:block}
.dm-sidebar-thumb .dm-moon{display:none}
.uc-dark .dm-sidebar-thumb .dm-sun{display:none}
.uc-dark .dm-sidebar-thumb .dm-moon{display:block}
.dm-sidebar-label{font-size:.78rem;color:#64748b;font-weight:500}
.uc-dark .dm-sidebar-label{color:#94a3b8}

/* --- Ticker Marquee Pause (WCAG 2.2.2) --- */
.ticker-marquee:hover .ticker-track,.ticker-marquee:focus-within .ticker-track{animation-play-state:paused}

/* --- Text Selection Styling --- */
::selection{background:var(--color-primary,#e62323);color:#fff}
::-moz-selection{background:var(--color-primary,#e62323);color:#fff}

/* --- Footer --- */

/* Footer main band */
.eft{background:linear-gradient(180deg,#0f172a 0%,#0c1220 100%);border-top:3px solid var(--color-primary)}
/* Merged header: brand + newsletter + social on one line */
.eft-header{display:flex;align-items:center;gap:2rem;padding:2rem 0 0}
.eft-header-brand{flex-shrink:0}
.eft-brand{font-size:1.5rem;font-weight:800;color:#fff;letter-spacing:-.02em}
.eft-brand-desc{font-size:.8125rem;color:rgba(255,255,255,.45);line-height:1.6;margin:.75rem 0 0;max-width:600px}
/* Newsletter form */
.eft-form-slim{display:flex;flex:1;max-width:340px;min-width:200px}
.eft-form-slim input{flex:1;min-width:0;padding:10px 16px;font-size:.8125rem;border:1px solid rgba(255,255,255,.12);border-right:none;border-radius:8px 0 0 8px;background:rgba(255,255,255,.05);color:#fff;outline:none;transition:border-color .2s,background .2s}
.eft-form-slim input::placeholder{color:rgba(255,255,255,.28)}
.eft-form-slim input:focus{border-color:var(--color-primary);background:rgba(255,255,255,.08)}
.eft-form-slim button{padding:10px 22px;font-size:.8125rem;font-weight:700;border:none;border-radius:0 8px 8px 0;background:var(--color-primary);color:#fff;cursor:pointer;white-space:nowrap;transition:background .15s,transform .15s}
.eft-form-slim button:hover{background:#c91e1e;transform:translateX(1px)}
/* Social links */
.eft-social{flex-shrink:0;margin-left:auto;display:flex;gap:8px}
.eft-social-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:transparent;color:rgba(255,255,255,.5);text-decoration:none;font-size:.875rem;transition:all .2s}
.eft-social-link:hover{border-color:var(--color-primary);background:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(230,35,35,.3)}
.eft-social-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}

/* 3-column link grid with vertical dividers */
.eft-grid{display:grid;grid-template-columns:3fr 5fr 5fr;gap:0;padding:2.25rem 0 2.75rem;border-top:1px solid rgba(255,255,255,.06);margin-top:.25rem}
.eft-grid>div{padding:0 2.5rem}
.eft-grid>div:first-child{padding-left:0}
.eft-grid>div:last-child{padding-right:0}
.eft-grid>div+div{border-left:1px solid rgba(255,255,255,.06)}

.eft-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.55);margin:0 0 1rem;padding-bottom:.625rem;border-bottom:none;position:relative}
.eft-label::after{content:'';position:absolute;bottom:0;left:0;width:28px;height:2px;background:var(--color-primary);border-radius:1px}
.eft-sectors{display:grid;grid-template-columns:1fr 1fr;gap:0 1.5rem}
.eft-links{list-style:none;padding:0;margin:0}
.eft-links li{margin-bottom:.5rem}
.eft-links li:last-child{margin-bottom:0}
.eft-links a{font-size:.8125rem;color:rgba(255,255,255,.5);text-decoration:none;transition:color .15s,padding-left .15s;padding:2px 0;display:inline-block;position:relative}
.eft-links a:hover{color:#fff;padding-left:4px}
.eft-links a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:2px}
/* Stock ticker links: badge-style symbol */
.eft-stock-links a{display:inline-flex;align-items:center;gap:6px}
.eft-stock-links a strong{display:inline-block;color:#fff;font-weight:700;font-size:.6875rem;background:rgba(255,255,255,.08);padding:1px 6px;border-radius:3px;letter-spacing:.02em;transition:background .15s,color .15s}
.eft-stock-links a:hover strong{background:var(--color-primary);color:#fff}
.eft-ticker-name{color:rgba(255,255,255,.35);font-weight:400;margin-left:0;transition:color .15s}
.eft-stock-links a:hover .eft-ticker-name{color:rgba(255,255,255,.7)}

/* Trust badges (in bottom bar) */
.eft-trust{display:flex;flex-wrap:wrap;gap:6px}
.eft-trust-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;font-size:.625rem;font-weight:600;letter-spacing:.03em;color:#34d399;border:1px solid rgba(52,211,153,.2);border-radius:50px;background:rgba(52,211,153,.06);white-space:nowrap}
.eft-trust-badge i{font-size:.6875rem;line-height:1}

/* Band 3: Bottom bar */
.eft-bottom-band{background:#080c16;padding:1.125rem 0;border-top:1px solid rgba(255,255,255,.04)}
.eft-bar{display:flex;justify-content:space-between;align-items:center;font-size:.6875rem;color:rgba(255,255,255,.35);flex-wrap:wrap;gap:.5rem}
.eft-legal{display:flex;gap:1.5rem}
.eft-legal a{color:rgba(255,255,255,.45);text-decoration:none;transition:color .15s}
.eft-legal a:hover{color:rgba(255,255,255,.85)}

/* Tablet (768-1023px) */
@media(min-width:768px) and (max-width:1023px){
    .eft-header{flex-wrap:wrap;gap:1rem}
    .eft-form-slim{max-width:280px;min-width:180px}
    .eft-grid{grid-template-columns:1fr 1fr;gap:1.5rem;padding:1.5rem 0 1rem}
    .eft-grid>div{padding:0}
    .eft-grid>div+div{border-left:none}
    .eft-ticker-name{display:none}
    .eft-company{order:99;grid-column:1 / -1;border-top:1px solid rgba(255,255,255,.06);padding-top:1.25rem;margin-top:.25rem}
    .eft-company .eft-links{display:flex;flex-wrap:wrap;gap:4px 0;justify-content:center;align-items:center}
    .eft-company .eft-links li{margin:0}
    .eft-company .eft-links li+li::before{content:'·';color:rgba(255,255,255,.25);padding:0 10px;font-size:.875rem}
    .eft-company .eft-links a{font-size:.8125rem;padding:0;border:none;border-radius:0;background:none}
    .eft-company .eft-links a:hover{color:var(--color-primary)}
    .eft-trust{justify-content:center}
}

/* Mobile */
@media(max-width:767px){
    .eft-header{flex-wrap:wrap;justify-content:center;gap:.75rem;padding:1.25rem 0 0;text-align:center}
    .eft-header-brand{width:100%;order:0}
    .eft-social{margin-left:0;order:1;justify-content:center;width:100%}
    .eft-form-slim{max-width:100%;min-width:0;width:100%;flex:none;order:2}
    .eft-form-slim input{padding:10px 14px;font-size:.875rem;border-radius:8px 0 0 8px}
    .eft-form-slim button{padding:10px 20px;font-size:.875rem;border-radius:0 8px 8px 0}
    .eft-brand-desc{max-width:300px;margin-left:auto;margin-right:auto;text-align:center}
    .eft-grid{grid-template-columns:1fr 1fr;gap:1.5rem 1rem;padding:1.5rem 0 .5rem}
    .eft-grid>div{padding:0}
    .eft-grid>div+div{border-left:none}
    .eft-label{text-align:center}
    .eft-label::after{left:50%;transform:translateX(-50%)}
    .eft-sectors{gap:0 2rem;justify-items:center}
    .eft-ticker-name{display:none}
    .eft-company{order:99;grid-column:1 / -1;border-top:1px solid rgba(255,255,255,.06);padding:.5rem 0;margin-top:0;text-align:center}
    .eft-company .eft-label{display:none}
    .eft-company .eft-links{display:flex;flex-wrap:wrap;gap:2px 0;justify-content:center;align-items:center}
    .eft-company .eft-links li{margin:0}
    .eft-company .eft-links li+li::before{content:'·';color:rgba(255,255,255,.2);padding:0 8px;font-size:.75rem}
    .eft-company .eft-links a{font-size:.6875rem;padding:0;border:none;border-radius:0;background:none;opacity:.45}
    .eft-company .eft-links a:hover{color:var(--color-primary);opacity:1}
    .eft-bottom-band{padding:1.25rem 0}
    .eft-bar{flex-direction:column;align-items:center;gap:.5rem;text-align:center}
    .eft-bar>span{order:3}
    .eft-trust{justify-content:center;order:1}
    .eft-legal{gap:1rem;order:2;justify-content:center}
    /* Ticker page chart */
    .tk-chart-container{height:280px}
    .tk-price-value{font-size:1.5rem}
}
@media(max-width:359px){
    .eft-grid{grid-template-columns:1fr}
    .eft-sectors{grid-template-columns:1fr 1fr}
}

/* --- Mobile Bottom Navigation --- */
.mob-nav{position:fixed;bottom:0;left:0;right:0;z-index:999;display:flex;align-items:stretch;background:#fff;border-top:1px solid rgba(0,0,0,.06);padding-bottom:env(safe-area-inset-bottom,0);box-shadow:0 -4px 20px rgba(0,0,0,.06)}
.mob-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 0 7px;text-decoration:none;transition:color .2s ease,transform .15s ease;-webkit-tap-highlight-color:transparent;position:relative;color:#94a3b8}
.mob-nav-item i{font-size:1.5rem;line-height:1;transition:transform .2s ease}
.mob-nav-label{font-size:.6875rem;font-weight:600;letter-spacing:-.01em;line-height:1}
/* Active indicator bar */
.mob-nav-indicator{position:absolute;top:0;left:50%;transform:translateX(-50%);width:0;height:2.5px;border-radius:0 0 3px 3px;background:var(--color-primary,#e62323);transition:width .25s ease}
/* Active state */
.mob-nav-item.active{color:var(--color-primary,#e62323)}
.mob-nav-item.active .mob-nav-indicator{width:28px}
.mob-nav-item.active i{transform:scale(1.08)}
/* Tap feedback */
.mob-nav-item:active{transform:scale(.92);transition:transform .08s ease;color:var(--color-primary,#e62323)}
/* Focus-visible for accessibility */
.mob-nav-item:focus-visible{outline:2px solid var(--color-primary,#e62323);outline-offset:-2px;border-radius:4px}
/* Dark mode */
.uc-dark .mob-nav{background:#0f172a;border-top-color:rgba(255,255,255,.04);box-shadow:0 -4px 20px rgba(0,0,0,.4)}
.uc-dark .mob-nav-item{color:rgba(255,255,255,.35)}
.uc-dark .mob-nav-item.active{color:var(--color-primary,#e62323)}
.uc-dark .mob-nav-item:active{color:var(--color-primary,#e62323)}
/* Push floating buttons, GDPR notice, and footer content above mobile nav */
@media(max-width:1023px){
    .backtotop-wrap{bottom:64px !important}
    .uc-gdpr-notification{bottom:64px !important}
    body{padding-bottom:60px}
}

/* --- Stocks Discovery Page (sd-*) --- */
.sd-section{margin-bottom:8px}
.sd-header{margin-bottom:20px}
.sd-title{font-size:1.5rem;font-weight:800;color:#0f172a;letter-spacing:-.03em;margin:0;line-height:1.2}
.sd-subtitle{font-size:.8125rem;color:#94a3b8;margin:6px 0 0;font-weight:400}
.sd-label{display:flex;align-items:center;gap:6px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#64748b;margin-bottom:12px}
.sd-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.sd-dot-blue{background:#3b82f6}
.sd-dot-emerald{background:#10b981}
.sd-dot-rose{background:#f43f5e}
/* Popular stocks grid */
.sd-stock-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.sd-stock-card{display:flex;flex-direction:column;padding:12px;border-radius:10px;background:#fff;border:1px solid #e2e8f0;text-decoration:none;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.sd-stock-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px rgba(59,130,246,.1);transform:translateY(-2px)}
.sd-stock-sym{font-size:.875rem;font-weight:800;color:#0f172a;letter-spacing:-.02em;line-height:1}
.sd-stock-name{font-size:.6875rem;color:#64748b;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}
.sd-stock-sector{font-size:.5625rem;color:#94a3b8;margin-top:3px;text-transform:uppercase;letter-spacing:.04em;font-weight:600}
/* Sector grid */
.sd-sector-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.sd-sector-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:10px;background:#fff;border:1px solid #e2e8f0;text-decoration:none;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.sd-sector-card:hover{border-color:var(--sc-color,#94a3b8);box-shadow:0 4px 12px rgba(0,0,0,.06);transform:translateY(-1px)}
.sd-sector-icon{font-size:1.25rem;color:var(--sc-color,#94a3b8);flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:color-mix(in srgb,var(--sc-color,#94a3b8) 8%,transparent)}
.sd-sector-name{font-size:.8125rem;font-weight:700;color:#0f172a;line-height:1.2}
.sd-sector-count{font-size:.6875rem;color:#94a3b8;margin-top:1px}
/* Stories list */
.sd-stories{display:flex;flex-direction:column;gap:2px;border-radius:10px;overflow:hidden;border:1px solid #e2e8f0;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.sd-story{display:flex;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;transition:background .15s;border-bottom:1px solid #f1f5f9}
.sd-story:last-child{border-bottom:none}
.sd-story:hover{background:#f8fafc}
.sd-story-ticker{font-size:.75rem;font-weight:800;color:#0f172a;min-width:44px;padding:3px 8px;background:#f1f5f9;border-radius:4px;text-align:center;letter-spacing:-.01em}
.sd-story-title{flex:1;font-size:.8125rem;color:#334155;font-weight:500;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sd-story:hover .sd-story-title{color:#0f172a}
.sd-story-time{font-size:.6875rem;color:#94a3b8;white-space:nowrap;flex-shrink:0}
/* Responsive */
@media(max-width:639px){
    .sd-stock-grid{grid-template-columns:repeat(2,1fr)}
    .sd-sector-grid{grid-template-columns:1fr}
    .sd-story{gap:10px;padding:11px 14px}
    .sd-story-time{display:none}
}
@media(min-width:640px) and (max-width:1023px){
    .sd-stock-grid{grid-template-columns:repeat(3,1fr)}
}
/* Dark mode */
.uc-dark .sd-title{color:#f1f5f9}
.uc-dark .sd-subtitle{color:#64748b}
.uc-dark .sd-label{color:#64748b}
.uc-dark .sd-stock-card{background:#1e293b;border-color:#334155;box-shadow:none}
.uc-dark .sd-stock-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px rgba(59,130,246,.15)}
.uc-dark .sd-stock-sym{color:#f1f5f9}
.uc-dark .sd-stock-name{color:#94a3b8}
.uc-dark .sd-stock-sector{color:#64748b}
.uc-dark .sd-sector-card{background:#1e293b;border-color:#334155;box-shadow:none}
.uc-dark .sd-sector-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.2)}
.uc-dark .sd-sector-icon{background:color-mix(in srgb,var(--sc-color,#94a3b8) 12%,transparent)}
.uc-dark .sd-sector-name{color:#f1f5f9}
.uc-dark .sd-sector-count{color:#64748b}
.uc-dark .sd-stories{background:#1e293b;border-color:#334155;box-shadow:none}
.uc-dark .sd-story{border-bottom-color:rgba(255,255,255,.04)}
.uc-dark .sd-story:hover{background:rgba(255,255,255,.03)}
.uc-dark .sd-story-ticker{color:#f1f5f9;background:rgba(255,255,255,.06)}
.uc-dark .sd-story-title{color:#94a3b8}
.uc-dark .sd-story:hover .sd-story-title{color:#e2e8f0}
.uc-dark .sd-story-time{color:#64748b}

/* --- About Page --- */
/* Hero banner */
.ab-hero{background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#0f172a 100%);padding:3rem 0 2.5rem;text-align:center}
.ab-hero-inner{max-width:640px;margin:0 auto}
.ab-hero-badge{display:inline-block;padding:3px 14px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:rgba(255,255,255,.08);color:rgba(255,255,255,.6);border-radius:50px;border:1px solid rgba(255,255,255,.1);margin-bottom:1rem}
.ab-hero-title{font-size:2rem;font-weight:800;color:#fff;letter-spacing:-.03em;line-height:1.15;margin:0 0 1rem}
.ab-hero-subtitle{font-size:1rem;color:rgba(255,255,255,.5);line-height:1.6;margin:0}
@media(min-width:1024px){.ab-hero{padding:4rem 0 3rem}.ab-hero-title{font-size:2.75rem}.ab-hero-subtitle{font-size:1.125rem}}
.uc-dark .ab-hero{background:linear-gradient(135deg,#000 0%,#111827 50%,#000 100%)}
/* Trust pillars */
.ab-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.ab-pillar{text-align:center;padding:1.5rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:12px;transition:box-shadow .2s}
.ab-pillar:hover{box-shadow:0 4px 16px rgba(0,0,0,.06)}
.ab-pillar-icon{font-size:1.75rem;color:var(--color-primary,#e62323);margin-bottom:.75rem;line-height:1}
.ab-pillar-title{font-size:.875rem;font-weight:700;color:#0f172a;margin:0 0 .5rem}
.ab-pillar-desc{font-size:.8125rem;color:#64748b;line-height:1.5;margin:0}
.uc-dark .ab-pillar{background:#1e293b;border-color:rgba(255,255,255,.08)}
.uc-dark .ab-pillar:hover{box-shadow:0 4px 16px rgba(0,0,0,.3)}
.uc-dark .ab-pillar-title{color:#fff}
.uc-dark .ab-pillar-desc{color:rgba(255,255,255,.45)}
@media(max-width:767px){.ab-pillars{grid-template-columns:1fr}.ab-pillar{padding:1.25rem 1rem}}
/* Sources grid */
.ab-sources-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.ab-source-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;text-align:center;transition:border-color .15s,box-shadow .15s}
.ab-source-card:hover{border-color:#cbd5e1;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.ab-source-name{font-size:.8125rem;font-weight:700;color:#0f172a;margin-bottom:2px}
.ab-source-desc{font-size:.625rem;color:#94a3b8;line-height:1.3}
.uc-dark .ab-source-card{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.08)}
.uc-dark .ab-source-card:hover{border-color:rgba(255,255,255,.15)}
.uc-dark .ab-source-name{color:#fff}
.uc-dark .ab-source-desc{color:rgba(255,255,255,.35)}
@media(max-width:767px){.ab-sources-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:768px) and (max-width:1023px){.ab-sources-grid{grid-template-columns:repeat(3,1fr)}}
/* Editorial steps */
.ab-steps{display:flex;flex-direction:column;gap:0}
.ab-step{display:flex;align-items:flex-start;gap:16px;padding:16px 0;border-bottom:1px solid #e2e8f0;position:relative}
.ab-step:last-child{border-bottom:none}
.ab-step-num{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:800;color:#fff;background:var(--color-primary,#e62323);border-radius:50%}
.ab-step-body{flex:1;min-width:0}
.ab-step-title{font-size:.9375rem;font-weight:700;color:#0f172a;margin:0 0 4px}
.ab-step-desc{font-size:.8125rem;color:#64748b;line-height:1.5;margin:0}
.uc-dark .ab-step{border-bottom-color:rgba(255,255,255,.06)}
.uc-dark .ab-step-title{color:#fff}
.uc-dark .ab-step-desc{color:rgba(255,255,255,.45)}
/* Editorial standards checklist */
.ab-standards{display:flex;flex-direction:column;gap:0;margin-top:.75rem}
.ab-standard-item{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.04);font-size:.875rem;line-height:1.6}
.ab-standard-item:last-child{border-bottom:none}
.ab-standard-icon{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#16a34a;background:rgba(22,163,74,.08);border-radius:50%;margin-top:3px}
.uc-dark .ab-standard-item{border-bottom-color:rgba(255,255,255,.04)}
.uc-dark .ab-standard-icon{color:#4ade80;background:rgba(74,222,128,.1)}
/* Contact card */
.ab-contact-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;margin-top:.75rem}
.ab-contact-row{display:flex;align-items:center;gap:1rem;padding:12px 16px;border-bottom:1px solid #e2e8f0;font-size:.875rem}
.ab-contact-row:last-child{border-bottom:none}
.ab-contact-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b;min-width:100px}
.uc-dark .ab-contact-card{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.08)}
.uc-dark .ab-contact-row{border-bottom-color:rgba(255,255,255,.06)}
/* Team grid */
.ab-team-grid{display:grid;grid-template-columns:1fr;gap:0;margin-top:.75rem}
.ab-team-card{display:flex;align-items:flex-start;gap:14px;padding:16px 0;border-bottom:1px solid #e2e8f0}
.ab-team-card:last-child{border-bottom:none}
.ab-team-avatar{flex-shrink:0;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;color:#fff;letter-spacing:.03em;margin-top:2px}
.ab-team-info{flex:1;min-width:0}
.ab-team-name{display:block;font-size:.9375rem;font-weight:700;color:#0f172a;line-height:1.3}
.ab-team-cred{font-size:.6875rem;font-weight:600;color:#64748b;background:#f1f5f9;padding:1px 6px;border-radius:3px;margin-left:4px;vertical-align:middle}
.ab-team-title{display:block;font-size:.75rem;font-weight:500;color:var(--color-primary,#e62323);margin-top:1px}
.ab-team-bio{font-size:.8125rem;color:#64748b;line-height:1.5;margin:.5rem 0 0}
.uc-dark .ab-team-card{border-bottom-color:rgba(255,255,255,.06)}
.uc-dark .ab-team-name{color:#fff}
.uc-dark .ab-team-cred{color:rgba(255,255,255,.5);background:rgba(255,255,255,.08)}
.uc-dark .ab-team-bio{color:rgba(255,255,255,.45)}
.uc-dark .ab-contact-label{color:rgba(255,255,255,.4)}

/* --- Chart Preview Page --- */
.cp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}
.cp-card{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;background:#fff}
.cp-card-header{padding:.75rem 1rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}
.cp-card-title{font-size:.875rem;font-weight:700}
.cp-card-badge{font-size:.6875rem;padding:2px 8px;border-radius:50px;font-weight:600}
.cp-card-badge.recommended{background:rgba(22,163,74,.1);color:#16a34a}
.cp-card-body{height:320px}
.uc-dark .cp-card{border-color:rgba(255,255,255,.08);background:#111827}
.uc-dark .cp-card-header{border-bottom-color:rgba(255,255,255,.08)}
@media(max-width:767px){.cp-grid{grid-template-columns:1fr}.cp-card-body{height:260px}}

/* --- Search Modal (Minimalist) --- */
/*
 * UniCore .uc-modal = position:fixed covering full viewport (the true overlay)
 * UniCore .uc-modal-full sets background:transparent on it
 * Semi-transparent backdrop with floating card panel
 */
/* Outer overlay — semi-transparent backdrop */
#uc-search-modal.uc-modal-full{background:rgba(0,0,0,.45) !important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.uc-dark #uc-search-modal.uc-modal-full{background:rgba(0,0,0,.6) !important}
/* Dialog — flex centering, no opaque bg */
.ss-search-overlay{display:flex;align-items:flex-start;justify-content:center;padding:72px 24px 40px;background:transparent !important;width:100%;min-height:0}
/* Panel — floating card */
.ss-search-panel{width:100%;max-width:580px;background:#fff;border-radius:16px;box-shadow:0 12px 48px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.06);padding:24px;max-height:calc(100vh - 120px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.12) transparent;opacity:0;transform:translateY(8px);animation:ssSearchIn .25s ease-out .05s forwards}
.ss-search-panel::-webkit-scrollbar{width:6px}
.ss-search-panel::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1);border-radius:3px}
.uc-dark .ss-search-panel{background:#1e293b;box-shadow:0 12px 48px rgba(0,0,0,.4),0 2px 8px rgba(0,0,0,.2);scrollbar-color:rgba(255,255,255,.1) transparent}
.uc-dark .ss-search-panel::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1)}
@keyframes ssSearchIn{to{opacity:1;transform:translateY(0)}}
/* Close button — inline in search form */
.ss-search-close{width:30px;height:30px;display:flex !important;align-items:center;justify-content:center;border:none !important;background:rgba(0,0,0,.04) !important;color:#64748b;font-size:.875rem;cursor:pointer;border-radius:50%;transition:all .15s;padding:0 !important;flex-shrink:0;margin-left:4px}
.ss-search-close:hover{background:rgba(0,0,0,.08) !important;color:#1e293b}
.uc-dark .ss-search-close{background:rgba(255,255,255,.06) !important;color:rgba(255,255,255,.5)}
.uc-dark .ss-search-close:hover{background:rgba(255,255,255,.12) !important;color:#fff}
/* Input */
.ss-search-form{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#f8fafc;border-radius:14px;border:2px solid #e2e8f0;transition:border-color .2s,background .2s,box-shadow .2s}
.ss-search-form:focus-within{border-color:var(--color-primary,#e62323);background:#fff;box-shadow:0 0 0 4px rgba(230,35,35,.08)}
.ss-search-icon{font-size:1.25rem;color:#94a3b8;flex-shrink:0;transition:color .15s}
.ss-search-form:focus-within .ss-search-icon{color:var(--color-primary,#e62323)}
.ss-search-input{flex:1;border:none !important;background:transparent !important;outline:none !important;font-size:1.0625rem;font-weight:500;color:#0f172a;padding:0;margin:0;line-height:1.5}
.ss-search-input::placeholder{color:#94a3b8;font-weight:400}
.ss-search-input::-webkit-search-cancel-button,.ss-search-input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}
.ss-search-kbd{display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;font-size:.625rem;font-weight:700;font-family:inherit;color:#b0b8c4;background:#e8ecf1;border-radius:5px;line-height:1;flex-shrink:0;pointer-events:none;min-height:22px;border:1px solid #dde2e8}
.uc-dark .ss-search-form{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.08)}
.uc-dark .ss-search-form:focus-within{border-color:var(--color-primary,#e62323);background:rgba(255,255,255,.06);box-shadow:0 0 0 4px rgba(230,35,35,.12)}
.uc-dark .ss-search-icon{color:rgba(255,255,255,.3)}
.uc-dark .ss-search-form:focus-within .ss-search-icon{color:var(--color-primary,#e62323)}
.uc-dark .ss-search-input{color:#fff}
.uc-dark .ss-search-input::placeholder{color:rgba(255,255,255,.3)}
.uc-dark .ss-search-kbd{background:rgba(255,255,255,.08);color:rgba(255,255,255,.3);border-color:rgba(255,255,255,.06)}
/* Quick links */
.ss-search-quick{margin-top:28px}
.ss-search-section{margin-bottom:20px}
.ss-search-section:last-child{margin-bottom:0}
.ss-search-label{display:block;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;margin-bottom:10px}
.uc-dark .ss-search-label{color:rgba(255,255,255,.3)}
.ss-search-pills{display:flex;flex-wrap:wrap;gap:8px}
.ss-search-pill{display:inline-block;padding:6px 14px;font-size:.8125rem;font-weight:600;border-radius:8px;border:1px solid #e2e8f0;color:#475569;text-decoration:none;transition:all .15s;white-space:nowrap}
.ss-search-pill:hover{border-color:var(--color-primary,#e62323);color:var(--color-primary,#e62323);background:rgba(230,35,35,.04)}
.ss-search-pill-cat{background:#f8fafc}
.uc-dark .ss-search-pill{border-color:rgba(255,255,255,.1);color:rgba(255,255,255,.55);background:transparent}
.uc-dark .ss-search-pill:hover{border-color:var(--color-primary,#e62323);color:var(--color-primary,#e62323)}
.uc-dark .ss-search-pill-cat{background:rgba(255,255,255,.04)}
/* Instant results */
.ss-search-results{margin-top:12px;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0;background:#f8fafc;animation:ssSearchIn .2s ease-out forwards}
.uc-dark .ss-search-results{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.06)}
.ss-search-result{display:flex;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;transition:background .1s;border-bottom:1px solid rgba(0,0,0,.04)}
.ss-search-result:last-child{border-bottom:none}
.ss-search-result:hover,.ss-search-result.ss-active{background:#f8fafc}
.uc-dark .ss-search-result:hover,.uc-dark .ss-search-result.ss-active{background:rgba(255,255,255,.05)}
.uc-dark .ss-search-result{border-bottom-color:rgba(255,255,255,.04)}
.ss-result-ticker{display:inline-block;min-width:48px;padding:3px 10px;font-size:.6875rem;font-weight:700;color:#fff;background:var(--color-primary,#e62323);border-radius:5px;text-align:center;flex-shrink:0}
.ss-result-body{flex:1;min-width:0}
.ss-result-title{display:block;font-size:.8125rem;font-weight:500;color:#1e293b;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ss-result-date{font-size:.6875rem;color:#94a3b8}
.uc-dark .ss-result-title{color:rgba(255,255,255,.85)}
.uc-dark .ss-result-date{color:rgba(255,255,255,.3)}
.ss-search-footer{display:block;padding:11px 16px;font-size:.75rem;font-weight:600;color:var(--color-primary,#e62323);text-decoration:none;text-align:center;border-top:1px solid rgba(0,0,0,.06);transition:background .1s}
.ss-search-footer:hover{background:#f8fafc}
.uc-dark .ss-search-footer{border-top-color:rgba(255,255,255,.06);color:#f87171}
.uc-dark .ss-search-footer:hover{background:rgba(255,255,255,.04)}
/* Empty state */
.ss-search-empty{padding:32px 16px;text-align:center}
.ss-search-empty-icon{font-size:1.5rem;color:#cbd5e1;display:block;margin-bottom:8px}
.ss-search-empty-text{font-size:.8125rem;color:#94a3b8}
.uc-dark .ss-search-empty-icon{color:rgba(255,255,255,.15)}
.uc-dark .ss-search-empty-text{color:rgba(255,255,255,.35)}
/* Loading state */
.ss-search-loading{display:flex;align-items:center;justify-content:center;gap:6px;padding:20px 16px;font-size:.8125rem;color:#94a3b8}
.ss-search-spinner{width:14px;height:14px;border:2px solid #e2e8f0;border-top-color:var(--color-primary,#e62323);border-radius:50%;animation:ssSpinner .6s linear infinite}
@keyframes ssSpinner{to{transform:rotate(360deg)}}
.uc-dark .ss-search-loading{color:rgba(255,255,255,.35)}
.uc-dark .ss-search-spinner{border-color:rgba(255,255,255,.1);border-top-color:var(--color-primary,#e62323)}
/* Mobile */
@media(max-width:767px){
    .ss-search-overlay{padding:48px 12px 24px}
    .ss-search-panel{max-width:100%;padding:20px 16px;border-radius:14px;max-height:calc(100vh - 80px)}
    .ss-search-form{padding:12px 14px;border-radius:12px}
    .ss-search-input{font-size:1rem}
    .ss-search-kbd{display:none}
    .ss-search-close{width:28px;height:28px}
    .ss-search-quick{margin-top:20px}
    .ss-search-section{margin-bottom:16px}
    .ss-search-pills{gap:6px}
    .ss-search-pill{padding:7px 12px;font-size:.75rem;border-radius:6px}
    .ss-search-result{padding:10px 14px;gap:10px}
    .ss-search-results{border-radius:10px;max-height:50vh;overflow-y:auto}
}

/* ============================================================
   Smooth Dark Mode Transition — Overlay Crossfade
   Same technique as iOS/macOS dark mode. A full-viewport overlay
   captures the OLD theme color, the page flips instantly underneath,
   then the overlay dissolves to reveal the new theme.
   Zero * selectors, zero reflow, zero jank.
   ============================================================ */
.theme-overlay{
    position:fixed;
    inset:0;
    z-index:99999;
    pointer-events:none;
    transition:opacity .4s cubic-bezier(.4,0,.2,1);
}
@media(prefers-reduced-motion:reduce){
    .theme-overlay{transition-duration:0s}
}

/* ============================================================
   Telegram promotions — all placements
   ============================================================ */

/* --- Sidebar card (post.j2) --- */
.ps-cta-tg{
    background:linear-gradient(145deg,#e8f4fd 0%,#d0ebfa 100%);
    border:1px solid #a8d4f0;position:relative;overflow:hidden;
}
.ps-cta-tg::before{
    content:'';position:absolute;top:-30px;right:-30px;
    width:80px;height:80px;border-radius:50%;
    background:rgba(0,136,204,.08);pointer-events:none;
}
.ps-cta-tg svg{filter:drop-shadow(0 2px 4px rgba(0,136,204,.3))}
.ps-cta-tg .btn{background:#0088cc!important;color:#fff!important;border:none!important;
    font-weight:600;transition:all .2s;box-shadow:0 2px 8px rgba(0,136,204,.25)}
.ps-cta-tg .btn:hover{background:#0077b5!important;transform:translateY(-1px);
    box-shadow:0 4px 12px rgba(0,136,204,.35)}
.uc-dark .ps-cta-tg{background:linear-gradient(145deg,#0d2137 0%,#0a1a2e 100%);border-color:#1a3a5c}
.uc-dark .ps-cta-tg::before{background:rgba(0,136,204,.06)}

/* --- Homepage banner --- */
.tg-banner{
    display:flex;align-items:center;gap:16px;
    padding:16px 24px;border-radius:14px;
    background:linear-gradient(135deg,#0088cc 0%,#006daa 50%,#0077b5 100%);
    color:#fff;transition:transform .2s,box-shadow .2s;
    box-shadow:0 2px 12px rgba(0,136,204,.2);
}
.tg-banner:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,136,204,.35)}
.tg-banner-icon{
    flex-shrink:0;width:46px;height:46px;border-radius:12px;
    background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;
    backdrop-filter:blur(4px);
}
.tg-banner-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.tg-banner-text strong{font-size:.95rem;line-height:1.3;letter-spacing:-.01em}
.tg-banner-text span{font-size:.78rem;opacity:.75;line-height:1.3}
.tg-banner-btn{
    flex-shrink:0;padding:8px 22px;border-radius:50px;
    background:#fff;color:#0077b5;font-size:.8rem;font-weight:700;
    transition:all .2s;white-space:nowrap;letter-spacing:-.01em;
    box-shadow:0 2px 8px rgba(0,0,0,.1);
}
.tg-banner:hover .tg-banner-btn{background:#f0f9ff;box-shadow:0 4px 12px rgba(0,0,0,.15)}
@media(max-width:599px){
    .tg-banner{padding:14px 16px;gap:12px;border-radius:12px}
    .tg-banner-icon{width:40px;height:40px;border-radius:10px}
    .tg-banner-icon svg{width:20px;height:20px}
    .tg-banner-text strong{font-size:.88rem}
    .tg-banner-btn{padding:7px 16px;font-size:.75rem}
}

/* --- Post inline CTA (after share buttons) --- */
.tg-inline{border-top:1px solid var(--color-border,#e2e8f0)}
.tg-inline-link{
    display:flex;align-items:center;gap:12px;
    padding:12px 16px;border-radius:10px;
    background:linear-gradient(135deg,#e8f4fd 0%,#d0ebfa 100%);
    border:1px solid #a8d4f0;transition:all .2s;
}
.tg-inline-link:hover{border-color:#0088cc;box-shadow:0 3px 12px rgba(0,136,204,.15);transform:translateY(-1px)}
.tg-inline-icon{
    flex-shrink:0;width:34px;height:34px;border-radius:50%;
    background:linear-gradient(135deg,#0088cc,#0077b5);
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 2px 6px rgba(0,136,204,.3);
}
.tg-inline-text{flex:1;font-size:.84rem;color:#334155}
.tg-inline-btn{
    flex-shrink:0;padding:6px 16px;border-radius:50px;
    background:linear-gradient(135deg,#0088cc,#0077b5);color:#fff;
    font-size:.75rem;font-weight:600;transition:all .2s;
    box-shadow:0 2px 6px rgba(0,136,204,.25);
}
.tg-inline-link:hover .tg-inline-btn{background:linear-gradient(135deg,#0077b5,#006da3);box-shadow:0 3px 8px rgba(0,136,204,.35)}
.uc-dark .tg-inline{border-color:rgba(255,255,255,.08)}
.uc-dark .tg-inline-link{background:linear-gradient(135deg,#0d2137 0%,#0a1a2e 100%);border-color:#1a3a5c}
.uc-dark .tg-inline-text{color:#cbd5e1}
.uc-dark .tg-inline-link:hover{border-color:#0088cc}

/* --- Ticker page CTA --- */
.tg-ticker-cta{
    display:flex;align-items:center;justify-content:space-between;gap:14px;
    padding:14px 18px;border-radius:12px;margin-top:10px;
    background:linear-gradient(135deg,#f0f9ff 0%,#dbeafe 100%);
    border:1px solid #93c5fd;transition:all .2s;
}
.tg-ticker-cta:hover{border-color:#0088cc;box-shadow:0 3px 16px rgba(0,136,204,.12);transform:translateY(-1px)}
.tg-ticker-left{display:flex;align-items:center;gap:10px;font-size:.84rem;color:#1e40af}
.tg-ticker-left svg{filter:drop-shadow(0 1px 3px rgba(0,136,204,.3))}
.tg-ticker-btn{
    flex-shrink:0;padding:7px 18px;border-radius:50px;
    background:linear-gradient(135deg,#0088cc,#0077b5);color:#fff;
    font-size:.78rem;font-weight:600;transition:all .2s;white-space:nowrap;
    box-shadow:0 2px 8px rgba(0,136,204,.25);
}
.tg-ticker-cta:hover .tg-ticker-btn{box-shadow:0 4px 12px rgba(0,136,204,.35)}
.uc-dark .tg-ticker-cta{background:linear-gradient(135deg,#0d2137 0%,#0a1a2e 100%);border-color:#1a3a5c}
.uc-dark .tg-ticker-left{color:#93c5fd}
.uc-dark .tg-ticker-cta:hover{border-color:#0088cc}

/* --- Category page accent bar --- */
.tg-cat-bar{
    display:inline-flex;align-items:center;gap:8px;
    padding:8px 16px;border-radius:50px;margin-top:12px;
    background:linear-gradient(135deg,#dbeafe,#e0f2fe);color:#0369a1;
    font-size:.8rem;font-weight:600;
    border:1px solid #93c5fd;transition:all .2s;
}
.tg-cat-bar:hover{background:linear-gradient(135deg,#bfdbfe,#bae6fd);border-color:#0088cc;
    transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,136,204,.15)}
.uc-dark .tg-cat-bar{background:linear-gradient(135deg,#0c2744,#0d2137);color:#7dd3fc;border-color:#1a3a5c}
.uc-dark .tg-cat-bar:hover{background:#0d3055;border-color:#0088cc}

/* --- Newsletter popup modal CTA --- */
.tg-modal-divider{
    display:flex;align-items:center;gap:12px;
    margin:20px 0 16px;color:#94a3b8;font-size:.78rem;
}
.tg-modal-divider::before,.tg-modal-divider::after{
    content:'';flex:1;height:1px;background:#e2e8f0;
}
.uc-dark .tg-modal-divider{color:#64748b}
.uc-dark .tg-modal-divider::before,.uc-dark .tg-modal-divider::after{background:#334155}
.tg-modal-cta{
    display:flex;align-items:center;gap:14px;
    padding:14px 18px;border-radius:12px;
    background:linear-gradient(135deg,#0088cc 0%,#006daa 50%,#0077b5 100%);
    color:#fff;transition:all .2s;
    box-shadow:0 3px 12px rgba(0,136,204,.25);
}
.tg-modal-cta:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,136,204,.35)}
.tg-modal-icon{
    flex-shrink:0;width:44px;height:44px;border-radius:12px;
    background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;
    backdrop-filter:blur(4px);
}
.tg-modal-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.tg-modal-text strong{font-size:.9rem;line-height:1.3}
.tg-modal-text span{font-size:.75rem;opacity:.75;line-height:1.3}
.tg-modal-arrow{
    flex-shrink:0;width:32px;height:32px;border-radius:50%;
    background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;
    transition:all .2s;
}
.tg-modal-cta:hover .tg-modal-arrow{background:rgba(255,255,255,.25);transform:translateX(2px)}
@media(max-width:599px){
    .tg-modal-cta{padding:12px 14px;gap:10px;border-radius:10px}
    .tg-modal-icon{width:38px;height:38px;border-radius:10px}
    .tg-modal-icon svg{width:18px;height:18px}
    .tg-modal-text strong{font-size:.84rem}
}

/* --- Mobile sidebar Telegram --- */
.tg-mobile-cta{display:flex;align-items:center;gap:8px;padding:6px 0;color:#0088cc;transition:color .15s}
.tg-mobile-cta:hover{color:#006daa}
.tg-mobile-icon{flex-shrink:0}
.tg-mobile-label{font-size:.82rem;font-weight:500;flex:1}
.tg-mobile-chevron{flex-shrink:0;opacity:.5}
.uc-dark .tg-mobile-cta{color:#38bdf8}
.uc-dark .tg-mobile-cta:hover{color:#7dd3fc}