/* Hemvik v15.5. Shared header/footer markup, local SVG symbols, flat interior bar.
   Home retains its approved overlay header; only interior pages reset its pseudo-layer. */
.blog-page{--bg:#EAEFE7;--surface:#FAFBF7;--ink:#1D2A24;--body:#45524B;--muted:#56625C;--green:#2F5443;--line:#CBD5CB;--soft:#DFE7DE;--control-border:#BCB3A4}
html[data-theme=dark] .blog-page{--bg:#111814;--surface:#19221D;--ink:#EAEFE7;--body:#C2CDC6;--muted:#A3B0A8;--green:#A9D2B8;--line:#2E3A33;--soft:#212C26;--control-border:#71807A}
.blog-page>.site-header{position:relative!important;inset:auto!important;z-index:40;background:var(--bg)!important;background-image:none!important;border:0;color:var(--ink)}
.blog-page>.site-header::before,.blog-page>.site-header::after{content:none!important;display:none!important;background:none!important}
.blog-page>.site-header :is(.brand,.desktop-nav a,.header-login,.icon-button,.language-menu summary,.mobile-menu summary){color:var(--ink)}
.blog-page>.site-header :is(.icon-button,.language-menu summary,.mobile-menu summary){background:transparent;border-color:var(--control-border)}
.blog-page>.site-header :is(.icon-button,.language-menu summary,.mobile-menu summary):hover{background:var(--soft)}
.blog-page>.site-header .header-actions>.btn{background:#2F5443;border-color:#2F5443;color:#FAFBF7}
html[data-theme=dark] .blog-page>.site-header .header-actions>.btn{background:#E2EBDD;border-color:#E2EBDD;color:#253C2D}
.blog-page>.site-header .dropdown{background:var(--surface);color:var(--ink);border-color:var(--control-border)}
.blog-page>.site-header .dropdown a{color:var(--ink)}
.blog-page>.site-header .dropdown a:hover{color:var(--ink);background:var(--soft)}
.blog-page>.site-header .wordmark{height:auto}
.blog-page>.site-footer{position:relative;background:var(--bg);color:var(--ink)}
.blog-page>.site-footer h3{font:500 16px/1.4 'Inter',sans-serif;letter-spacing:0}
.blog-page>.site-footer p{font-size:14px;line-height:1.65}
.blog-page>.site-footer .brand{color:var(--ink)}
.blog-page>.hv-app-section{background:var(--surface)}
.blog-page :is(.site-header,.site-footer) a{text-decoration:none}
.blog-page .site-header :is(a,button,summary):focus-visible,.blog-page .site-footer a:focus-visible{outline:3px solid var(--green);outline-offset:4px}
.blog-page .hv-shop-main{width:100%;max-width:none}
.site-header .desktop-nav a[aria-current="page"]::after{opacity:1;transform:scaleX(1)}
/* Four links now fit comfortably at 1200px. Use the mobile disclosure below that. */
@media(min-width:1200px){
 .site-header .desktop-nav{display:flex;gap:clamp(14px,1.4vw,23px)}
 .site-header .mobile-menu{display:none}
 .site-header .header-actions>.btn{display:inline-flex}
}
@media(max-width:1199px){
 .site-header .desktop-nav{display:none}
 .site-header .mobile-menu{display:block}
 .site-header .header-actions{margin-left:auto}
}
@media print{.blog-page>.site-header,.blog-page>.site-footer{display:none!important}}