/* Preservation pass: retain the baseline palette, typography roles and card skins.
   This shared surface implements the owner's rounded topographic overlap. */
:root{--honda-display:Bangers,"Arial Narrow",sans-serif;--honda-interface:Poppins,sans-serif;--honda-paper:#fafaf6;--honda-cta-ink:#b34f00;--honda-cta-orange:#ff7f00}
.honda-skip-link{position:fixed;top:8px;left:16px;z-index:2000;padding:12px 20px;background:#fff;color:#24332f;transform:translateY(-180%)}
.honda-skip-link:focus{transform:none}
:where(a,button,summary,input,select):focus-visible{outline:3px solid #b34f00;outline-offset:4px}
:where(h1,h2,h3,[id]){scroll-margin-top:100px}
.honda-visitor .honda-photo-page>.content-shell{width:100%;max-width:none;margin:0;padding:0;background:transparent;border-radius:0}
.honda-visitor .honda-page-frame{position:relative;isolation:isolate;margin:0 0 48px;background:transparent;overflow:visible}
.honda-visitor .honda-page-frame__photo{position:relative;height:clamp(540px,72vh,1000px);background:#17221f;overflow:hidden}
.honda-visitor .honda-page-frame__photo:after{content:"";position:absolute;inset:0;background:linear-gradient(#14201ee0,transparent 24%,transparent 72%,#14201e38),rgba(0,0,0,var(--honda-overlay));pointer-events:none}
.honda-visitor .honda-page-frame__photo>img{display:block;width:100%;height:100%!important;max-width:none;object-fit:cover;object-position:var(--honda-focal);border:0;border-radius:0;box-shadow:none;transform:none}
.honda-visitor .honda-page-frame__card{position:relative;z-index:1;width:min(1232px,calc(100% - 80px));margin:calc(-1 * var(--honda-overlap)) auto 0;padding:clamp(36px,4.5vw,64px);color:#242d2d;background:var(--honda-paper) url('/assets/honda-resource-card-topography.png') center/780px;border:1px solid #e0e3dd;border-radius:36px;box-shadow:0 12px 32px #17221f1a;text-align:left}
.honda-visitor .honda-page-frame__card .honda-page-frame__title{display:block;max-width:1060px;margin:0 0 24px;padding:0 .035em .04em 0;color:#242d2d;font:400 clamp(44px,4.4vw,72px)/1.12 var(--honda-display);letter-spacing:.025em;text-transform:none;text-wrap:balance;overflow:visible}
.honda-visitor .honda-page-frame__title span{color:inherit;font:inherit;letter-spacing:inherit}
.honda-visitor .honda-page-frame__eyebrow{margin:0 0 18px;color:#a75308;font:600 12px/1.6 var(--honda-interface);letter-spacing:.07em}
.honda-visitor .honda-page-frame__eyebrow :is(p,a,nav){margin:0;color:inherit;font:inherit}
.honda-visitor .honda-page-frame__intro{max-width:76ch;color:#35413c;font:400 20px/1.65 "Open Sans",sans-serif}
.honda-visitor .honda-page-frame__intro>p,.honda-visitor .honda-page-frame__intro>span{display:block;margin:0 0 18px;color:inherit;font:inherit}
.honda-visitor .honda-page-frame__intro>p:last-child{margin-bottom:0}
.honda-visitor .honda-page-frame__actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:28px}
.honda-page-frame__support{margin:32px 0 0;max-width:480px}
.honda-page-frame__support img{width:100%;height:auto}
.honda-visitor .honda-page-continuation{max-width:1280px;margin:0 auto;padding:0 40px 48px}
.honda-visitor .honda-photo-page .article-body{width:auto;max-width:1160px;margin:0 auto;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.honda-photo-page .article-body>.wp-block-premium-section{background:transparent;max-width:100%;box-sizing:border-box}
.honda-photo-page .article-body>div:empty,.honda-photo-page .article-body>p:empty{display:none}
.honda-visitor--layered .site-header--overlay{background:transparent}
.honda-visitor .honda-page-frame--diagnostic .honda-page-frame__photo{background:#080808}
.honda-visitor .honda-page-frame--diagnostic .honda-page-frame__photo>img{object-fit:contain;padding:95px 0 105px}
.honda-page-frame--community .honda-page-frame__photo>img{object-position:50% 50%}
.honda-visitor .honda-page-frame--community .honda-page-frame__intro .community-repair-guide__byline{font-size:15px;color:#4c5953}
/* The reader keeps its existing dark immersive canvas below the paper intro. */
.honda-visitor .entry--document_explorer .honda-page-frame{margin-bottom:40px}
.honda-visitor .entry--document_explorer .honda-page-frame__card{background-color:var(--honda-paper)}
.honda-visitor .entry--document_explorer .brochure-publication{margin-top:0}
/* Keep a single, full-bleed owner photograph. */
.honda-visitor .entry--homepage .elementor-10>section.honda-home-hero{height:100svh;min-height:760px;padding:0;display:flex;align-items:center;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;isolation:isolate;position:relative}
.honda-home-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#17201c40,#17201c50 45%,#17201c30 68%,#17201c90)}
.honda-visitor .honda-home-copy{width:min(1280px,100%);padding:110px 24px 60px;margin:auto;color:#fff}
.honda-visitor .entry--homepage .elementor-10>section.honda-home-hero h1{max-width:1160px;margin:0 0 28px;font:400 clamp(58px,5.4vw,92px)/1.1 var(--honda-display);letter-spacing:.025em;color:#fff;text-wrap:balance;text-shadow:0 2px 12px #0005}
.honda-home-copy p{max-width:900px;margin:0 0 32px;color:#fff;font:400 clamp(20px,1.6vw,26px)/1.6 "Open Sans",sans-serif;text-shadow:0 1px 8px #0008}
.honda-home-copy .honda-home-action{display:inline-flex;align-items:center;gap:18px;min-height:54px;padding:14px 22px;border:2px solid var(--honda-cta-orange);border-radius:5px;color:#fff;background:#17221f70;font:500 18px/1.5 var(--honda-interface);text-decoration:none;transition:background-color .18s,color .18s}
.honda-home-copy .honda-home-action:is(:hover,:focus-visible){background:var(--honda-cta-orange);color:#17221f;text-shadow:none;outline-color:#fff}
.honda-home-paths{padding:56px 0;background:#fff}
.honda-home-paths .ownership-shell{padding:0 24px}
.honda-home-paths h2{font-family:var(--honda-display);font-weight:400}
.honda-home-paths .ownership-choice-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.honda-home-paths .ownership-choice{padding:22px 16px;gap:12px}
.honda-home-paths .ownership-choice small{font-size:12px}
.honda-visitor .ownership-choice>span:last-child[aria-hidden="true"]{display:block}
.ownership-subpath{margin-top:32px;padding:28px 0 0;border-top:1px solid #bcc8c0}
.ownership-subpath h3{margin:0 0 12px;font:400 34px/1.2 var(--honda-display);color:#24332f}
.ownership-subpath nav{display:flex;flex-wrap:wrap;gap:12px 24px}
.ownership-utility .ownership-kicker{display:none}
/* Existing outline/fill controls and topographic closing pills. */
.honda-visitor .content-shell :is(a.elementor-button,a.wp-block-button__link,.ownership-primary),.honda-visitor .honda-page-frame__actions :is(a,button),.honda-visitor .honda-cta-pill>a{border:2px solid var(--honda-cta-orange);border-radius:6px;background:#fff;color:var(--honda-cta-ink);box-shadow:none;text-decoration:none;transition:background-color .18s,color .18s;border-image:none;transform:none}
.honda-visitor .content-shell :is(a.elementor-button,a.wp-block-button__link,.ownership-primary):is(:hover,:focus-visible),.honda-visitor .honda-page-frame__actions :is(a,button):is(:hover,:focus-visible),.honda-visitor .honda-cta-pill>a:is(:hover,:focus-visible){background:var(--honda-cta-orange);color:#17221f;transform:none}
.honda-visitor .honda-cta-pill{display:flex;justify-content:center;width:fit-content;max-width:calc(100% - 32px);margin:44px auto 60px;padding:30px 48px;border-radius:48px;background:#fafaf6 url('/assets/honda-resource-card-topography.png') center/780px;box-shadow:0 2px 9px #17221f24}
.honda-visitor .honda-cta-pill>a{display:inline-block;padding:12px 16px;text-align:center;font:500 18px/1.5 var(--honda-interface)}
.honda-visitor .re-honda-merch .re-commerce-card{border-radius:0 0 26px 26px}
.honda-visitor .re-honda-merch .re-commerce-card:is(:hover,:focus-visible){transform:none}
.honda-visitor .re-honda-merch .re-commerce-card .re-commerce-cta{border:2px solid var(--honda-cta-orange);background:#fff;color:var(--honda-cta-ink)}
.honda-visitor .re-honda-merch .re-commerce-card:is(:hover,:focus-visible) .re-commerce-cta{background:var(--honda-cta-orange);color:#17221f}
/* Utility pages retain a readable solid header with the same controls. */
.honda-visitor .site-header--solid{position:relative;height:100px;background:#24332f;color:#fff}
.honda-visitor .site-header--solid .site-header__inner{position:relative;height:100%;gap:12px}
.site-header--solid .brand img{width:clamp(245px,25vw,340px)}
.site-header--solid .header-social{display:none}
.site-header--solid .header-actions{display:flex;margin-left:0}
.site-header--solid .header-control{display:grid;place-items:center;width:48px;height:48px;border:0;background:transparent;color:#fff;cursor:pointer}
.site-header--solid .header-control__disc{display:grid;place-items:center;width:32px;height:32px;border:1px solid #ffffffb3;border-radius:50%}
.site-header--solid .header-control svg{width:18px;height:18px;fill:currentColor}
.honda-visitor--compact:has(.site-header--solid) .entry>.title-band{padding-top:48px}
.site-header :is(summary,a,button):focus-visible{outline-color:#ffad52}
.honda-nav-group:focus-within>.honda-nav-panel{color:#fff}
.editorial-search__results{overscroll-behavior:contain}
.honda-visitor .article-body{overflow-wrap:anywhere}
.honda-visitor .community-repair-guide :is(.wheel-before-after,.community-repair-guide__gallery){max-width:100%;min-width:0}
.honda-visitor .community-repair-guide figure{min-width:0;max-width:100%}
@media(max-width:1100px){
 .honda-home-paths .ownership-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .honda-visitor .site-header--solid,.honda-visitor .site-header--solid .site-header__inner{height:76px}
 .site-header--solid .brand img{width:min(245px,55vw)}
 .site-header--solid .header-actions{position:absolute;right:67px;margin:0}
 .honda-visitor .site-header--solid .menu-toggle{display:grid;width:42px;height:42px;padding:10px;border:0;background:transparent;gap:4px}
 .honda-visitor .site-header--solid .menu-toggle>span:not(.sr-only){display:block;height:2px;background:#fff}
 .honda-visitor #primary-navigation{max-height:calc(100svh - 76px);overscroll-behavior:contain}
 .honda-nav-group:first-child .honda-nav-columns>section:not(:first-child){display:block}
 .honda-nav-panel a{min-height:44px}
 .honda-visitor .honda-page-frame__photo{height:580px}
 .honda-visitor .honda-page-frame__card{width:calc(100% - 48px);margin-top:-76px;padding:36px;border-radius:30px}
}
@media(max-width:600px){
 .honda-visitor .honda-page-frame{margin-bottom:32px}
 .honda-visitor .honda-page-frame__photo{height:420px}
 .honda-visitor .honda-page-frame__photo>img{object-position:var(--honda-mobile-focal)}
 .honda-visitor .honda-page-frame__card{width:calc(100% - 28px);margin-top:-52px;padding:28px 24px;border-radius:24px}
 .honda-visitor .honda-page-frame__card .honda-page-frame__title{font-size:clamp(36px,10.5vw,46px);line-height:1.15;letter-spacing:.015em;margin-bottom:20px}
 .honda-visitor .honda-page-frame__intro{font-size:17px;line-height:1.65}
 .honda-visitor .honda-page-frame__eyebrow{font-size:11px;letter-spacing:.055em}
 .honda-visitor .honda-page-continuation{padding:0 20px 36px}
 .honda-visitor .honda-photo-page .article-body>.wp-block-premium-section{padding:12px 0}
 .honda-visitor .honda-page-frame--diagnostic .honda-page-frame__photo>img{padding:90px 12px 50px}
 .honda-visitor .entry--homepage .elementor-10>section.honda-home-hero{min-height:780px;height:100svh;background-position:52.5% 50%}
 .honda-home-hero:before{background:linear-gradient(#17201c40 0%,#17201c48 25%,#17201c08 48%,#17201c88 70%,#17201cb0 100%)}
 .honda-visitor .honda-home-copy{height:100%;padding:116px 20px 34px;display:flex;flex-direction:column;justify-content:space-between}
 .honda-visitor .entry--homepage .elementor-10>section.honda-home-hero h1{max-width:350px;font-size:48px;line-height:1.12;letter-spacing:.02em;margin:0;text-align:left;text-wrap:initial}
 .honda-home-copy p{font-size:16px;line-height:1.65;margin-bottom:24px;max-width:340px}
 .honda-home-copy .honda-home-action{font-size:16px}
 .honda-home-paths{padding:40px 0}
 .honda-home-paths .ownership-choice-grid{grid-template-columns:1fr}
 .honda-home-paths .ownership-shell{padding:0 20px}
 .honda-visitor .ownership-choice>span:not([aria-hidden]){display:block}
 .honda-visitor .honda-cta-pill{padding:24px;max-width:calc(100% - 32px);border-radius:40px}
 .honda-visitor .honda-cta-pill>a{font-size:16px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}.re-commerce-card:is(:hover,:focus-visible){transform:none!important}}
.site-footer .footer-subpath{margin:0 0 4px 14px;padding-left:12px;border-left:2px solid #ff9f29;font-size:14px}
.site-footer .footer-years-heading{margin-top:24px}
.honda-visitor .community-section__cta{border:2px solid var(--honda-cta-orange);background:#fff;color:var(--honda-cta-ink);transform:none}
.honda-visitor .community-section__cta:is(:hover,:focus-visible){background:var(--honda-cta-orange);color:#17221f;transform:none}
.honda-next{margin-top:24px;padding-bottom:26px}
.honda-next__start{width:auto;max-width:100%;margin:0;padding:20px 0 0;border-radius:0;background:none;box-shadow:none}
@media(max-width:720px){.honda-next{padding-bottom:24px}.honda-next__start{padding-top:18px}}
/* Override the renderer's per-section ID-scoped visual declarations, retaining its data and order. */
.honda-visitor #re-honda-home-etsy .re-commerce-card,.honda-visitor #re-honda-inline-etsy .re-commerce-card{border-radius:0 0 26px 26px}
.honda-visitor #re-honda-home-etsy .re-commerce-card:is(:hover,:focus-visible),.honda-visitor #re-honda-inline-etsy .re-commerce-card:is(:hover,:focus-visible){transform:none}
.honda-visitor #re-honda-home-etsy .re-commerce-card .re-commerce-cta,.honda-visitor #re-honda-inline-etsy .re-commerce-card .re-commerce-cta{border:2px solid var(--honda-cta-orange);background:#fff;color:var(--honda-cta-ink)}
.honda-visitor #re-honda-home-etsy .re-commerce-card:is(:hover,:focus-visible) .re-commerce-cta,.honda-visitor #re-honda-inline-etsy .re-commerce-card:is(:hover,:focus-visible) .re-commerce-cta{background:var(--honda-cta-orange);color:#17221f}
/* Measured contrast repairs to existing components; no palette or font-role replacement. */
.honda-visitor .lasso-badge{background:#be3027;color:#fff}
.honda-visitor .lasso-button-1{background:#2d7137!important;color:#fff!important}
.honda-visitor .ownership-more strong{color:#536359}
.honda-visitor :is(.resource-hub__section>header>p,.resource-hub-card>small,.resource-hub-card__action,.brochure-seo-copy__eyebrow,.brochure-inventory__cta,.destination-discovery__header>p){color:#a64b00}
.honda-visitor .brochure-years a[aria-current],.honda-visitor .brochure-inventory__current{color:#17221f}
.honda-visitor .guide-source-label--photo{color:#934600}
.honda-visitor .brochure-publications a[aria-current]{color:#17221f}
.honda-anchor{display:block;scroll-margin-top:100px}
.honda-skip-link:not(:focus){clip-path:inset(100%)}
