/* M8.1: fixed approved palette; accessibility forced colors remain native. */
@media(forced-colors:none){
 :root,body,button,input,select,textarea,option,dialog{color-scheme:light;color-scheme:only light}
 body:not(.home) .form-panel :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),textarea,select){background-color:#fff;color:#191919;caret-color:#191919}
 option{background-color:#fff;color:#191919}
}
@media(max-width:760px) and (forced-colors:none){
 .hero .popover,#locations-options,#types-options,#budget-options{background-color:rgba(22,22,22,.97)}
}
@media(max-width:760px){
 .hero main{transform:translateY(-20px)}
 .hero:has(.field.open)>main{z-index:19}
 .hero .popover.up{bottom:calc(100% + 6px)}
 .hero #popover-0{padding-block:4px}
 .hero #popover-0 .choice-search{padding-bottom:0}
 .hero #popover-0 .reset-filter{margin-top:0}
}
@media(min-width:761px){
 .hero .toggles{margin-bottom:18px}
 /* Preserve the block height/top; move the recovered gap below the reference action. */
 .hero main{padding-bottom:54px}
}

/* M8.1.2: intrinsic white raster only in the mobile Hero; no inversion. */
@media(max-width:760px) and (forced-colors:none){
 .home-brand .logo{filter:none}
}

/* M8.1.1 generated light palette — scripts/build-light-palette.mjs */
@media (prefers-color-scheme: dark) and (forced-colors: none){
@media(forced-colors:none){body:not(.home) .form-panel :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),textarea,select){background-color:#fff;color:#191919;caret-color:#191919;}
option{background-color:#fff;color:#191919;}
}
@media(max-width:760px) and (forced-colors:none){.hero .popover,#locations-options,#types-options,#budget-options{background-color:rgba(22,22,22,.97);}
}
}