/* HEP feature/hub composition: full-width visual, overlapping branded content surface. */
body:has(.hep-reference-page){padding-top:0!important;background:#f5f5ef}
.hep-reference-page{margin:0!important;padding:0!important;background:#f5f5ef;color:#243b32;font:16px/1.6 'Open Sans',sans-serif}
.hep-reference-shell{width:min(1232px,calc(100% - 80px));margin:auto}
.hep-reference-page h1,.hep-reference-page h2,.hep-reference-page h3{font-family:Bangers,sans-serif;font-weight:400;letter-spacing:.025em}
.honda-visitor .hep-reference-frame{margin-bottom:0}
.honda-visitor .hep-reference-frame .honda-page-frame__photo{height:clamp(440px,62vh,720px)}
.honda-visitor .hep-reference-frame .honda-page-frame__card{padding:clamp(36px,4.5vw,64px)}
.hep-reference-kicker{text-transform:uppercase}
.hep-reference-library{padding-top:36px;padding-bottom:42px;scroll-margin-top:20px}
.hep-reference-library>header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}
.hep-reference-library h2{margin:0;font-size:38px;line-height:1.1;color:#243b32}
.hep-reference-library>header>p{margin:0;color:#5b685e;font-size:13px}
.hep-reference-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.hep-reference-card{display:flex;flex-direction:column;grid-column:span 2;padding:22px 24px;min-height:180px;background:#fff;border:1px solid #d5ddd4;border-top:3px solid #2c4739;border-radius:5px;text-decoration:none;color:#243b32;transition:border-color .15s,box-shadow .15s}
.hep-reference-card:nth-child(n+4){grid-column:span 3}
.hep-reference-card:hover{border-color:#e47c23;box-shadow:0 5px 14px #23392c12}
.hep-reference-card__meta{display:flex;justify-content:space-between;gap:12px;color:#5e7061;font:600 9px/1.5 Poppins,sans-serif;text-transform:uppercase;letter-spacing:.11em}
.hep-reference-card__meta>span:last-child{color:#9dad9f}
.hep-reference-card h3{margin:12px 0 8px;color:#243b32;font-size:29px;line-height:1.1}
.hep-reference-card p{margin:0 0 16px;color:#536157;font-size:13px;line-height:1.6;max-width:360px}
.hep-reference-card__action{margin-top:auto;display:flex;justify-content:space-between;color:#a84b00;font:700 11px/1.5 Poppins,sans-serif}
.hep-reference-next{display:flex;justify-content:space-between;gap:20px;padding-top:24px;margin-top:24px;border-top:1px solid #d1dbd0;font-size:13px}
.hep-reference-next p{margin:0;color:#536157}.hep-reference-next a{color:#a84b00;font-weight:700;text-underline-offset:4px}
.hep-reference-page a:focus-visible{outline:3px solid #ed862b;outline-offset:4px}
@media(max-width:900px){.hep-reference-card{padding:20px}.hep-reference-card h3{font-size:26px}}
@media(max-width:720px){
 .hep-reference-shell{width:calc(100% - 32px)}
 .honda-visitor .hep-reference-frame{--honda-overlap:56px!important}
 .honda-visitor .hep-reference-frame .honda-page-frame__photo{height:300px}
 .honda-visitor .hep-reference-frame .honda-page-frame__card{width:calc(100% - 32px);padding:28px 24px;border-radius:26px}
 .honda-visitor .hep-reference-frame .honda-page-frame__title{font-size:42px;line-height:1.1;margin-bottom:20px;text-wrap:balance}
 .honda-visitor .hep-reference-frame .honda-page-frame__intro{font-size:16px;line-height:1.65}
 .hep-reference-library{padding-top:30px;padding-bottom:30px}
 .hep-reference-library>header{display:block;margin-bottom:20px}
 .hep-reference-library h2{font-size:33px}
 .hep-reference-library>header>p{margin-top:10px}
 .hep-reference-cards{grid-template-columns:1fr;gap:12px}
 .hep-reference-card,.hep-reference-card:nth-child(n+4){grid-column:auto;min-height:0;padding:18px 20px}
 .hep-reference-card h3{font-size:29px;margin-top:8px}.hep-reference-card p{margin-bottom:14px}
 .hep-reference-next{display:block}.hep-reference-next a{display:inline-block;padding:12px 0;min-height:44px}
}
@media(prefers-reduced-motion:reduce){.hep-reference-card{transition:none}}