html{font-size:100%;scroll-padding-top:calc(var(--market-header,68px) + var(--market-tabs,0px) + 12px);scroll-padding-bottom:calc(var(--market-nav,0px) + var(--market-contact,0px) + 12px)}
html.large-text-preview{font-size:200%}
body{font-size:.875rem;line-height:1.5}
.skip-link{position:fixed;top:8px;left:8px;z-index:500;transform:translateY(-180%);background:var(--raised);color:var(--ink);border:2px solid var(--red);padding:12px 16px;border-radius:8px;font-size:1rem}
.skip-link:focus{transform:none}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #253039!important;outline-offset:3px;box-shadow:0 0 0 5px #efd2d9}
:where(a,button,input,select,textarea,summary,[tabindex]){scroll-margin-top:calc(var(--market-header,68px) + var(--market-tabs,0px) + 12px);scroll-margin-bottom:calc(var(--market-nav,0px) + var(--market-contact,0px) + 16px)}
button,input:not([type=radio]):not([type=checkbox]),select,summary,.secondary,.primary{min-height:44px!important}
button.iconbtn,.icon-button,.photo-nav,.save,.clear-context,.inline-copy{min-width:44px!important;min-height:44px!important}
button,.primary,.secondary{white-space:normal;line-height:1.4;height:auto}
h1,h2,h3,p,dt,dd,a,label{overflow-wrap:anywhere}
input,select,textarea{max-width:100%;line-height:1.5}
#app .main,#app:has(.shopping-summary) .main,#app:has(.myyard-vdp) .main{margin-top:var(--market-header,68px);padding-bottom:calc(var(--market-nav,0px) + var(--market-contact,0px) + 24px)}
#app .topbar{height:auto!important;min-height:68px}
#app .composer{height:auto;min-height:48px}
#app .composer:not(.is-open) .composer-shell{position:relative}
#app .composer textarea{line-height:1.5;min-height:2em}
#app .searchbox{height:auto}
#app .sidebar{overflow-y:auto}
.myyard-vdp .vdp-title{flex-wrap:wrap}
.myyard-vdp .vdp-save-actions{flex-wrap:wrap}
.myyard-vdp .market-vdp-dialog,#modal{max-height:calc(100dvh - 16px);overflow:auto}
.myyard-vdp .detail-sections [role=tab][aria-selected=true]{border-color:var(--red);box-shadow:inset 0 -2px var(--red);background:var(--raised)}
.myyard-vdp .detail-sections{scroll-margin-top:var(--market-header,68px)}
.myyard-vdp .photo-zoom-controls,.myyard-vdp .market-photo-controls{flex-wrap:wrap}
@media(max-width:900px){.myyard-vdp .dealer-vdp-data>.vehicle-summary{order:2;position:static;width:100%;margin:0}}
@media(max-width:700px){
 #app .topbar,#app:has(.myyard-vdp) .topbar{grid-template-rows:auto;min-height:78px;align-items:center}
 #app .composer{min-height:60px}
 #app .composer:not(.is-open) .searchbox{height:auto;min-height:60px;padding-right:58px}
 #app .composer:not(.is-open) .context-actions{position:absolute;right:6px;top:50%;transform:translateY(-50%)}
 #app .composer:not(.is-open) .searchbox .primary{width:44px;height:44px;min-width:44px;padding:0}
 #app .composer:not(.is-open) textarea{height:auto;min-height:2em;max-height:3em;font-size:1rem;line-height:1.5}
 #app .mobile-search-label{right:56px}.mobile-search-label span{display:none}
 #app .composer.is-open textarea{font-size:1rem;min-height:5em;max-height:none;height:auto}
 #app .summary-city-form{height:auto!important;min-height:44px}
 #app .summary-city-form input{font-size:1rem!important;line-height:1.5;min-height:44px}
 #app .summary-city-form button{min-width:44px}
 #app .summary-radius-select{font-size:.75rem!important;max-width:100%;flex:0 1 110px}
 #app .summary-geography{flex-wrap:wrap}
 #app .summary-city-form{min-width:145px}
 #app .shopping-summary .applied-filter-chip{min-height:44px}
 #app .grid .compare-mini{min-height:44px}
 #app .mobilebar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;height:auto;min-height:60px}
 #app .mobilebar a{min-height:44px;min-width:0;white-space:normal;font-size:.625rem;line-height:1.4;text-align:center;overflow-wrap:anywhere;justify-content:center}
 #app .myyard-vdp .shopper-mobile-actions{bottom:var(--market-nav,60px);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,.7fr) minmax(0,1.2fr);align-items:center;gap:6px;padding:8px 10px}
 #app .myyard-vdp .shopper-mobile-actions button{min-width:0;white-space:normal;font-size:.75rem;padding:8px 5px}
 #app .myyard-vdp .shopper-mobile-actions strong{font-size:1rem}
 #app .myyard-vdp .shopper-mobile-actions small{font-size:.625rem}
 #app .myyard-vdp .detail-sections{top:var(--market-header,78px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;height:auto}
 #app .myyard-vdp .detail-sections button{min-width:0;white-space:normal;flex-wrap:wrap;line-height:1.4;font-size:.75rem;padding:6px}
 #app .myyard-vdp .detail-sections button svg{display:none}
 #app .compare-mobile-identities{top:var(--market-header,78px)}
 #app .compare-mobile-vehicle select{font-size:.875rem}
 #app .toolbar,#app:has(.shopping-summary) .toolbar{flex-wrap:wrap}
 #app .toolbar>.row{max-width:100%;flex-wrap:wrap}
 .myyard-vdp .shopper-basic-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
 .myyard-vdp .vdp-price{overflow-wrap:anywhere}
 .myyard-vdp .swipe-gallery-dialog{max-height:100dvh}
 .myyard-vdp .vdp-save-actions{gap:6px}
 .myyard-vdp .vdp-save-actions .secondary{min-height:44px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}
button,summary{min-width:44px}
@media(max-width:700px){
 #app .topbar,#app:has(.myyard-vdp) .topbar{grid-template-columns:44px minmax(0,1fr)}
 #app .mobile-brand{width:44px;min-height:44px;align-items:center;justify-content:center}
 #app .composer:not(.is-open) .searchbox{padding-top:calc(.75rem + 16px)}
 .mobile-search-label{line-height:1.2;white-space:nowrap}
 #app .mobilebar a{width:100%;min-width:44px}
 #app .myyard-vdp .shopper-mobile-actions>div small{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
 #app .myyard-vdp .shopper-mobile-actions strong{font-size:.875rem;line-height:1.3}
}
@media(max-width:700px){
 #app .mobilebar a{padding:5px 3px}
 #app .myyard-vdp .shopper-mobile-actions strong{overflow-wrap:anywhere}
 .myyard-vdp .vdp-title .eyebrow{font-size:.625rem}
}
html{scroll-padding-top:0;scroll-padding-bottom:0}
@media(max-width:700px){
 #app .myyard-vdp .vehicle-summary .vdp-price{grid-column:1/-1;grid-row:2;overflow-wrap:normal}
 #app .myyard-vdp .vehicle-summary .msrp{grid-column:1/-1;grid-row:3;text-align:left}
 #app .myyard-vdp .vehicle-summary .simulation-caption{grid-row:4}
 #app .myyard-vdp .vehicle-summary .shopper-basic-facts{grid-row:5}
 #app .myyard-vdp .detail-sections button{scroll-margin-top:calc(var(--market-header,78px) + 12px)}
}