/* 03-header.css - top bar and navigation */
.topbar{background:var(--ink);color:#fff;font-size:.85rem;padding:6px 0}
.topbar .container{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:3px solid var(--red);box-shadow:var(--shadow)}
.site-header .container{display:flex;align-items:center;justify-content:space-between;height:70px;position:relative}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.35rem;color:var(--ink)}
.logo:hover{text-decoration:none}
.logo-mark{width:38px;height:30px;background:var(--red);clip-path:polygon(50% 0,100% 55%,100% 100%,0 100%,0 55%)}
.logo span{color:var(--red)}
.main-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:2px}
.main-nav a{display:block;padding:8px 10px;border-radius:6px;color:var(--ink);font-weight:600;font-size:.9rem}
.main-nav a:hover,.main-nav a.active{background:var(--red);color:#fff;text-decoration:none}
.nav-toggle{display:none;background:none;border:0;font-size:1.7rem;cursor:pointer;color:var(--ink)}