/* Compact home layout: keeps the complete first screen visible in one viewport. */
.statusbar{height:42px}
.screen[data-screen-id="home"]{padding-top:4px;padding-bottom:0}
.screen[data-screen-id="home"] h1{font-size:32px;line-height:.98;margin-top:3px;margin-bottom:8px;font-weight:600}
.screen[data-screen-id="home"] .weather-card{height:52px;margin-top:10px;padding:9px 14px}
.screen[data-screen-id="home"] .weather-icon{width:34px;height:34px}
.screen[data-screen-id="home"] .weather-card small{font-size:11.5px}
.screen[data-screen-id="home"] .section-label{margin-top:12px;margin-bottom:6px}
.screen[data-screen-id="home"] .outfit-collage{height:260px;margin-top:6px;grid-template-rows:minmax(86px,1fr) minmax(86px,1fr) 54px}
.screen[data-screen-id="home"] .primary{height:46px;margin-top:9px}
.screen[data-screen-id="home"] .button-row{margin-top:6px;gap:8px}
.screen[data-screen-id="home"] .button-row .outline{height:42px;font-size:13.5px;border-width:1.5px}
.screen[data-screen-id="home"] .quick-label{margin-top:10px;margin-bottom:6px}
.screen[data-screen-id="home"] .quick-chips{gap:5px 6px;padding-bottom:0}
.screen[data-screen-id="home"] .quick-chips button{height:31px;padding:0 12px;font-size:11.5px;font-weight:500;border-width:1.5px}