/* HEP article theme. Section data and theme-neutral markup live separately. */
.hep-article-template{--article-ink:#24332f;--article-muted:#526257;--article-paper:#fafaf6;--article-line:#d6ddd6;--article-orange:#ff7f00;background:#edf0e9;color:var(--article-ink)}
.hep-article-template .hep-article-frame{margin-bottom:0;padding-bottom:48px}
.hep-article-template .hep-article-frame .honda-page-frame__photo{height:420px}
.hep-article-template .hep-article-frame .honda-page-frame__card{width:min(1100px,calc(100% - 64px));margin-top:-88px;padding:clamp(28px,5vw,64px);background:#fafaf6 url('/assets/honda-resource-card-topography.png') center top/780px auto;border-radius:30px;box-shadow:0 16px 42px #17221f18}
.hep-article-template .hep-article-title{padding-bottom:28px;border-bottom:1px solid var(--article-line);margin-bottom:30px}
.hep-article-template .hep-article-title .honda-page-frame__title{font:400 clamp(44px,5.3vw,68px)/1.08 Bangers,sans-serif;letter-spacing:.025em;max-width:900px;margin:0;text-wrap:balance}
.hep-article-template .hep-article-frame .content-shell{width:100%;max-width:none;margin:0;padding:0;background:transparent}
.hep-article-template .article-body{background:transparent;border:0;box-shadow:none;color:var(--article-ink);font:400 18px/1.8 'Open Sans',sans-serif;max-width:none;margin:0;padding:0}
.hep-article-template .article-body p,.hep-article-template .article-body li{max-width:72ch}
.hep-article-template .article-body h2,.hep-article-template .article-body h3{font-family:Bangers,sans-serif;font-weight:400;letter-spacing:.025em;color:var(--article-ink)}
.hep-article-template .article-body h2{font-size:clamp(32px,3.4vw,42px);line-height:1.15;margin:0 0 18px}
.hep-article-template .article-body h3{font-size:29px;line-height:1.2}
.hep-article-template .owner-build-lede{font-size:22px;line-height:1.65;margin:0 0 18px}
.hep-article-template .owner-build-credit{border-left:3px solid var(--article-orange);padding-left:16px;font-size:14px;color:var(--article-muted);margin:24px 0 36px}
.hep-article-template .owner-build-credit a{font-weight:600;color:#a75308;text-underline-offset:4px}
.hep-article-template .re-article-section{margin:38px 0;scroll-margin-top:30px}
.hep-article-template .re-article-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.hep-article-template .re-article-photo{margin:0;background:#fff;border:1px solid var(--article-line);border-radius:14px;overflow:hidden;box-shadow:0 6px 18px #24332f09}
.hep-article-template .re-article-photo:first-child{grid-column:1/-1}
.hep-article-template .re-article-placeholder{aspect-ratio:4/3;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;text-align:center;background:linear-gradient(#e8eee7d9,#e8eee7d9),url('/assets/honda-resource-card-topography.png') center/600px;color:#526257}
.hep-article-template .re-article-photo:first-child .re-article-placeholder{aspect-ratio:16/9}
.hep-article-template .re-article-placeholder span{font-size:42px;line-height:1;color:#7d917f}
.hep-article-template .re-article-placeholder strong{font:400 26px/1.2 Bangers,sans-serif;letter-spacing:.03em}
.hep-article-template .re-article-photo figcaption{padding:16px 20px;font:15px/1.65 'Open Sans',sans-serif;color:var(--article-muted)}
.hep-article-template .re-article-product{display:flex;align-items:center;gap:28px;justify-content:space-between;padding:26px;border:1px solid var(--article-line);border-top:4px solid var(--article-orange);border-radius:14px;background:#fff;box-shadow:0 8px 24px #24332f0b;margin:24px 0}
.hep-article-template .re-article-product p{margin:0;font-size:15px}
.hep-article-template .re-article-product h3{margin:8px 0 12px}
.hep-article-template .re-article-product .re-article-product__eyebrow{font:600 11px/1.5 Poppins,sans-serif;color:#a75308;letter-spacing:.08em;text-transform:uppercase}
.hep-article-template .ownership-primary{display:inline-block;flex-shrink:0;max-width:100%;padding:14px 20px;border:2px solid var(--article-orange);border-radius:6px;background:#fff;color:#b34f00;font:600 13px/1.5 Poppins,sans-serif;text-decoration:none;text-align:center}
.hep-article-template .ownership-primary:hover{background:var(--article-orange);color:#17221f}
.hep-article-template a:focus-visible{outline:3px solid var(--article-orange);outline-offset:4px}
.hep-article-template .re-article-section--note{padding:26px;border:1px solid #d4dccf;border-left:4px solid var(--article-orange);border-radius:12px;background:#eaf0e5}
.hep-article-template .re-article-section--note p:last-child{margin-bottom:0}
.hep-article-template .honda-next{background:#edf0e9 url('/assets/honda-resource-card-topography.png') center/780px;border-top:1px solid var(--article-line)}
@media(max-width:720px){.hep-article-template .hep-article-frame .honda-page-frame__photo{height:280px}.hep-article-template .hep-article-frame .honda-page-frame__card{width:calc(100% - 28px);margin-top:-52px;padding:28px 22px;border-radius:24px}.hep-article-template .hep-article-title .honda-page-frame__title{font-size:clamp(36px,10vw,46px)}.hep-article-template .article-body{font-size:17px;line-height:1.75}.hep-article-template .owner-build-lede{font-size:19px}.hep-article-template .re-article-gallery{grid-template-columns:1fr}.hep-article-template .re-article-photo:first-child{grid-column:auto}.hep-article-template .re-article-product{display:block;padding:22px}.hep-article-template .re-article-product .ownership-primary{margin-top:22px;display:block}.hep-article-template .re-article-section--note{padding:22px}.hep-article-template .honda-next__grid{grid-template-columns:1fr}}
.hep-article-template .re-article-photo>img{display:block;width:100%;height:auto;max-width:100%;border:0;border-radius:0;margin:0;object-fit:contain}

/* Shared affiliate card, HEP theme. */
.hep-article-template .re-article-product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:30px;padding:28px}
.hep-article-template .re-article-product__media{margin:0;min-width:0}
.hep-article-template .re-article-product__media img{display:block;width:100%;height:auto;object-fit:contain;border-radius:10px;margin:0}
.hep-article-template .re-article-product__media figcaption{font-size:12px;line-height:1.5;margin-top:10px;color:#5b655f}
.hep-article-template .re-article-product__details{min-width:0}
.hep-article-template .re-article-product .re-article-product__quantity{font-weight:700;margin-top:16px}
.hep-article-template .re-article-product__button{display:inline-flex;justify-content:center;align-items:center;background:var(--article-orange);color:#17231e;border-radius:8px;padding:14px 22px;margin-top:22px;font:700 15px/1.4 'Open Sans',sans-serif;text-decoration:none;border:2px solid var(--article-orange)}
.hep-article-template .re-article-product__button:hover{filter:brightness(.94)}
.hep-article-template .re-article-product__button:focus-visible{outline:3px solid #24332f;outline-offset:3px}
@media(max-width:720px){.hep-article-template .re-article-product{grid-template-columns:1fr;padding:22px;gap:20px}.hep-article-template .re-article-product__button{display:flex;width:100%;box-sizing:border-box}}
.hep-article-template .re-article-gallery--details{margin-top:20px;align-items:start}
.hep-article-template .re-article-gallery--details .re-article-photo:first-child{grid-column:auto}
.hep-article-template .re-article-detail{margin:32px 0}
.hep-article-template .re-article-photo__enlarge{display:block;position:relative;color:inherit;text-decoration:none;cursor:zoom-in}
.hep-article-template .re-article-photo__enlarge img{display:block;width:100%;height:auto;margin:0;border:0;border-radius:0}
.re-article-photo__enlarge span{position:absolute;bottom:12px;right:12px;background:#24332fe8;color:#fff;border-radius:20px;padding:6px 12px;font:600 12px/1.4 'Open Sans',sans-serif}
.re-article-lightbox{max-width:94vw;max-height:94vh;border:0;border-radius:14px;padding:16px;background:#fff;color:#24332f}
.re-article-lightbox::backdrop{background:#000d}
.re-article-lightbox img{display:block;max-width:86vw;max-height:76vh;object-fit:contain;margin:12px auto}
.re-article-lightbox button{display:block;margin-left:auto;padding:10px 16px;background:#ff7f00;border:0;border-radius:8px;font-weight:700;cursor:pointer}
.re-article-lightbox p{max-width:86vw;font:14px/1.5 'Open Sans',sans-serif}