/* Canonical public HEP header. Every public template inherits this surface.
   Opaque backgrounds belong to open navigation panels, never the resting header. */
body.honda-visitor{--hep-header-height:100px}
body.honda-visitor>header.site-header{
 position:absolute!important;inset:0 0 auto!important;z-index:10;
 height:var(--hep-header-height);background:transparent!important;color:#fff;
}
body.honda-visitor>header.site-header :is(.honda-nav-group>summary,.honda-nav-direct>a,.header-control,.menu-toggle){color:#fff}
body.honda-visitor>header.site-header .brand img{filter:none}
/* The existing compact title surface extends behind the header. Reserve room
   inside that surface, rather than adding a separate navigation row. */
body.honda-visitor[data-hep-header-surface="content"] .entry>.title-band{
 padding-top:calc(var(--hep-header-height) + 44px);background:linear-gradient(145deg,#354640,#172b23);color:#fff;
}
body.honda-visitor[data-hep-header-surface="content"] .entry>.title-band h1{color:#fff}
@media(max-width:1100px){body.honda-visitor{--hep-header-height:76px}}
@media(max-width:720px){
 body.honda-visitor[data-hep-header-surface="content"] .entry>.title-band{padding-top:calc(var(--hep-header-height) + 36px)}
}

/* Private review annotation is not public navigation. Keep it out of the hero/header flow. */
body.honda-visitor .pc-preview{position:fixed;inset:auto 0 48px;z-index:9;margin:0!important}