/* Header 3: Dark sticky bar · LIVE ticker · Category pills */

.h3-header { position:sticky; top:0; z-index:500; box-shadow:0 2px 16px rgba(0,0,0,.15); }

.h3-topbar { background:var(--color-nav-bg); color:var(--color-nav-text); padding:10px 0; }
.h3-topbar .container { display:flex; align-items:center; gap:16px; }
.h3-topbar__logo { flex-shrink:0; }
.h3-topbar__name { font-size:1.5rem; font-weight:900; color:var(--color-nav-text); text-decoration:none; letter-spacing:-.02em; }

.h3-ticker { flex:1; display:flex; align-items:center; gap:10px; overflow:hidden; min-width:0; }
.h3-ticker__badge { flex-shrink:0; background:var(--color-breaking-bg); color:var(--color-breaking-text); font-size:.7rem; font-weight:800; padding:3px 8px; border-radius:3px; letter-spacing:.08em; animation:pulse-badge 2s ease-in-out infinite; }
@keyframes pulse-badge { 0%,100%{opacity:1}50%{opacity:.7} }
.h3-ticker__wrap { flex:1; overflow:hidden; }
.h3-ticker__list { display:flex; gap:48px; list-style:none; white-space:nowrap; animation:ticker-scroll 28s linear infinite; font-size:.85rem; }
.h3-ticker__list:hover { animation-play-state:paused; }
.h3-ticker__list a { color:rgba(255,255,255,.85); text-decoration:none; }
.h3-ticker__list a:hover { color:var(--color-nav-text); }

.h3-topbar__actions { flex-shrink:0; }
.h3-search-toggle { background:none; border:none; cursor:pointer; color:var(--color-nav-text); padding:6px; border-radius:4px; opacity:.7; transition:opacity .2s,background .2s; }
.h3-search-toggle:hover { opacity:1; background:rgba(255,255,255,.1); }

.h3-search-overlay { background:rgba(0,0,0,.95); padding:20px 0; }
.h3-search-overlay .container { display:flex; gap:8px; }
.h3-search-overlay input[type="search"] { flex:1; padding:12px 18px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2); border-radius:6px; color:var(--color-nav-text); font-size:1rem; outline:none; }
.h3-search-overlay input[type="search"]::placeholder { color:rgba(255,255,255,.4); }
.h3-search-overlay button[type="submit"] { padding:12px 24px; background:var(--color-primary); color:var(--color-btn-text); border:none; border-radius:6px; cursor:pointer; font-weight:600; }
.h3-search-close { background:none; border:none; color:rgba(255,255,255,.6); font-size:1.5rem; cursor:pointer; padding:0 8px; line-height:1; }

.h3-nav { background:var(--color-surface); border-bottom:3px solid var(--color-primary); }
.h3-nav .container { display:flex; align-items:center; }
.h3-nav__menu { display:flex; align-items:center; overflow-x:auto; scrollbar-width:none; }
.h3-nav__menu::-webkit-scrollbar { display:none; }
.h3-nav__item { display:block; padding:13px 16px; color:var(--color-text); font-size:.875rem; font-weight:600; text-decoration:none; white-space:nowrap; border-bottom:3px solid transparent; margin-bottom:-3px; transition:color .2s,border-color .2s; }
.h3-nav__item:hover, .h3-nav__item.active { color:var(--color-primary); border-bottom-color:var(--color-primary); }
.nav-toggle { display:none; background:none; border:none; cursor:pointer; color:var(--color-text); padding:13px 16px; }

@media (max-width:768px) {
    .h3-ticker { display:none; }
    .nav-toggle { display:flex; align-items:center; }
    .h3-nav__menu { display:none; flex-direction:column; align-items:stretch; overflow-x:visible; position:absolute; top:100%; left:0; right:0; z-index:200; background:var(--color-surface); box-shadow:0 8px 24px rgba(0,0,0,.12); }
    .h3-nav__menu.is-open { display:flex; }
    .h3-nav { position:relative; }
    .h3-nav__item { border-bottom:1px solid var(--color-border); margin-bottom:0; border-left:3px solid transparent; }
    .h3-nav__item.active { border-left-color:var(--color-primary); border-bottom-color:var(--color-border); }
}