.hep-documentation-navigation{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0;padding:18px;background:#f3f5f1;border:1px solid #d9e2d9;border-radius:10px}
.hep-documentation-navigation a{color:#24332f;font:600 15px/1.5 Poppins,sans-serif;text-underline-offset:4px;padding:8px}
.hep-documentation-navigation a:focus-visible{outline:3px solid #ff9f29;outline-offset:3px}
@media(max-width:720px){.hep-documentation-navigation{flex-direction:column}.hep-documentation-navigation a{min-height:44px}}
/* Four intent pillars: direct destination plus accessible disclosure control. */
.hep-nav-pillar{display:flex;align-items:center}
.hep-nav-pillar__link{padding:24px 3px 24px 15px;color:#fff;font:600 14px/1.5 Poppins,sans-serif;text-decoration:none}
.hep-nav-pillar .honda-nav-group>summary{padding:24px 10px 24px 5px;min-width:28px;justify-content:center}
.hep-nav-pillar__link:hover,.hep-nav-pillar__link:focus-visible{color:#ffb15d}
.hep-nav-pillar__link:focus-visible,.hep-nav-pillar summary:focus-visible{outline:3px solid #ff9f29;outline-offset:3px}
@media(min-width:1101px){.site-footer .footer-grid{grid-template-columns:1fr 1.2fr 1.2fr .7fr 1fr!important}}
@media(max-width:1100px){
 .hep-nav-pillar{position:relative;display:block;border-bottom:1px solid #ffffff26}
 .hep-nav-pillar__link{display:flex;align-items:center;min-height:54px;padding:15px 54px 15px 0;width:calc(100% - 48px);font-size:15px}
 .hep-nav-pillar .honda-nav-group>summary{position:absolute;right:0;top:0;width:48px;height:54px;min-height:44px;padding:0;border:0}
 .hep-nav-pillar .honda-nav-group[open]>summary{background:#1d2a25}
 .hep-nav-pillar .honda-nav-panel{padding:20px 14px}
 .honda-visitor .hep-nav-pillar .honda-nav-columns>section{display:block!important}
 .hep-nav-pillar .honda-nav-panel a{min-height:44px;display:flex;align-items:center}
}

/* Labels disclose their menus; Parts keeps its direct shopping destination. */
.hep-nav-pillar:not(.hep-nav-pillar--direct) .honda-nav-group>summary{gap:10px;padding:24px 15px;min-height:44px}
.hep-nav-pillar--direct .honda-nav-group>summary{min-width:44px;min-height:44px;padding:24px 12px}
@media(max-width:1100px){
 .hep-nav-pillar:not(.hep-nav-pillar--direct) .honda-nav-group>summary{position:static;width:100%;height:54px;justify-content:space-between;padding:15px 14px 15px 0}
 .hep-nav-pillar--direct .honda-nav-group>summary{padding:0}
}