/* v13.7 — Homepage fits one viewport on ordinary desktop/mobile screens.
 * Preserve footer visuals; allow scrolling whenever content opens or viewport too short. */
@media (min-height:650px){
 body:not(.workspace-open):not(.budget-show-results):not(.budget-mode):not(.deals-mode){
   display:flex!important;flex-direction:column!important;min-height:100dvh!important;
 }
 body:not(.workspace-open):not(.budget-show-results):not(.budget-mode):not(.deals-mode)>main{
   display:flex!important;flex:1 0 auto!important;align-items:center!important;justify-content:center!important;
   min-height:0!important;
 }
 body:not(.workspace-open):not(.budget-show-results):not(.budget-mode):not(.deals-mode) .hero.container{
   min-height:0!important;height:auto!important;transform:translateY(-25px)!important;
   padding:0 12px 8px!important;max-width:1100px!important;
   justify-content:center!important;
 }
 body:not(.workspace-open):not(.budget-show-results):not(.budget-mode):not(.deals-mode)>.footer.container{
   flex-shrink:0!important;margin-top:0!important;
 }
}
body:not(.workspace-open) .topbar.container{
 height:auto!important;min-height:0!important;padding:21px 12px 0!important;
}
body:not(.workspace-open) .identity--full-logo{width:min(445px,83vw)!important}
body:not(.workspace-open) .brand-full-logo{max-height:105px!important;object-fit:contain!important}
body:not(.workspace-open) .hero .orb-wrap{
 width:196px!important;height:175px!important;margin:0 auto -5px!important;flex:none!important;
}
body:not(.workspace-open) .hero .orb,body:not(.workspace-open) .hero-orb-img{
 width:171px!important;height:171px!important;
}
body:not(.workspace-open) .hero h1{
 font-size:clamp(40px,4.1vw,60px)!important;line-height:1.13!important;
 margin:0 0 19px!important;letter-spacing:-.052em!important;
}
body:not(.workspace-open) .hero .home-modes{margin-bottom:12px!important}
body:not(.workspace-open) .hero .google-card-prefs summary small{max-width:none!important}
/* A short viewport should scroll normally rather than overlap/crop controls. */
@media(max-width:720px){
 body:not(.workspace-open) .topbar.container{padding-top:15px!important;padding-bottom:0!important}
 body:not(.workspace-open) .identity--full-logo{width:min(330px,82vw)!important}
 body:not(.workspace-open) .brand-full-logo{max-height:79px!important}
 body:not(.workspace-open) .hero .orb-wrap{width:150px!important;height:130px!important;margin-bottom:0!important}
 body:not(.workspace-open) .hero .orb,body:not(.workspace-open) .hero-orb-img{width:134px!important;height:134px!important}
 body:not(.workspace-open) .hero h1{font-size:clamp(33px,8vw,47px)!important;margin:2px 0 15px!important}
 body:not(.workspace-open) .hero .home-modes{margin-bottom:10px!important}
 body:not(.workspace-open) .hero .google-card-prefs summary small{font-size:10px!important}
 body:not(.workspace-open) .uf-footer-84.footer.container{min-height:58px!important;padding:12px 0!important}
}
@media (max-height:760px) and (min-width:721px){
 body:not(.workspace-open) .topbar.container{padding-top:12px!important}
 body:not(.workspace-open) .hero .orb-wrap{height:125px!important;width:145px!important}
 body:not(.workspace-open) .hero .orb,body:not(.workspace-open) .hero-orb-img{width:128px!important;height:128px!important}
 body:not(.workspace-open) .hero h1{margin-bottom:12px!important;font-size:clamp(37px,4.3vw,51px)!important}
 body:not(.workspace-open) .hero .home-modes button{min-height:57px!important}
 body:not(.workspace-open) .hero .google-card-prefs summary{min-height:52px!important}
 body:not(.workspace-open) .uf-footer-84.footer.container{min-height:58px!important;padding:10px 0!important}
}
@media (max-height:720px) and (max-width:720px){
 body:not(.workspace-open) .hero .orb-wrap{height:94px!important;width:110px!important}
 body:not(.workspace-open) .hero .orb,body:not(.workspace-open) .hero-orb-img{width:99px!important;height:99px!important}
 body:not(.workspace-open) .hero h1{margin-bottom:9px!important}
 body:not(.workspace-open) .hero .home-modes button{min-height:51px!important}
}
@media(max-height:649px){
 body:not(.workspace-open) .hero.container{transform:none!important;min-height:0!important;padding:0 10px 15px!important}
}