/* Header 1: Breaking bar · Centered logo · Category nav */

.h1-header { background: var(--color-surface); box-shadow: 0 2px 8px rgba(0,0,0,.08); }

/* Breaking bar */
.h1-breaking { background: var(--color-breaking-bg); color: var(--color-breaking-text); font-size:.8rem; padding:7px 0; overflow:hidden; }
.h1-breaking .container { display:flex; align-items:center; gap:12px; overflow:hidden; }
.h1-breaking__label { flex-shrink:0; font-weight:800; letter-spacing:.06em; background:rgba(0,0,0,.2); padding:2px 10px; border-radius:3px; font-size:.75rem; }
.h1-breaking__ticker { flex:1; overflow:hidden; }
.h1-breaking__list { display:flex; gap:40px; list-style:none; white-space:nowrap; animation:ticker-scroll 30s linear infinite; }
.h1-breaking__list:hover { animation-play-state:paused; }
.h1-breaking__list a { color:var(--color-breaking-text); text-decoration:none; }
.h1-breaking__list a:hover { text-decoration:underline; }

/* Brand row */
.h1-brand { padding:18px 0; border-bottom:1px solid var(--color-border); }
.h1-brand .container { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.h1-brand__logo { flex:1; display:flex; justify-content:center; }
.h1-brand__name { font-size:clamp(1.6rem,3vw,2.4rem); font-weight:900; color:var(--color-secondary); text-decoration:none; letter-spacing:-.02em; }
.h1-brand__date { font-size:.8rem; color:var(--color-muted); flex:1; text-align:right; }
.h1-brand__search { display:flex; align-items:center; gap:8px; flex:1; }
.h1-search-toggle { background:none; border:none; cursor:pointer; color:var(--color-muted); padding:6px; border-radius:50%; transition:background .2s; }
.h1-search-toggle:hover { background:var(--color-bg); color:var(--color-primary); }
.h1-search-box { padding:12px 0; }

/* Nav bar */
.h1-nav { background:var(--color-nav-bg); }
.h1-nav .container { display:flex; align-items:center; }
.h1-nav__menu { display:flex; align-items:center; }
.h1-nav__home, .h1-nav__cats li a { display:block; padding:14px 18px; color:var(--color-nav-text); font-size:.875rem; font-weight:600; text-decoration:none; letter-spacing:.02em; transition:color .2s,background .2s; white-space:nowrap; }
.h1-nav__home:hover, .h1-nav__cats li a:hover, .h1-nav__cats li.current-cat a { color:var(--color-nav-text); background:var(--color-nav-hover); }
.h1-nav__cats { display:flex; list-style:none; }
.nav-toggle { display:none; background:none; border:none; cursor:pointer; color:var(--color-nav-text); padding:14px 16px; }

@media (max-width:900px) { .h1-brand__date { display:none; } }
@media (max-width:768px) {
    .nav-toggle { display:flex; align-items:center; gap:8px; }
    .h1-nav__menu { display:none; flex-direction:column; align-items:stretch; position:absolute; top:100%; left:0; right:0; z-index:200; background:var(--color-nav-bg); box-shadow:0 8px 24px rgba(0,0,0,.2); }
    .h1-nav__menu.is-open { display:flex; }
    .h1-nav { position:relative; }
    .h1-nav__home, .h1-nav__cats li a { padding:14px 20px; border-bottom:1px solid rgba(255,255,255,.06); }
    .h1-nav__cats { flex-direction:column; }
    .h1-brand__logo { justify-content:flex-start; }
}