/* Compact openings; natural flow, readable controls, and a visible home atlas. */
.topbar{position:sticky;top:0;z-index:35}
#main{padding-top:20px}
#main>.pageHeading{min-height:0;align-items:flex-start;margin-bottom:20px}
#main>.pageHeading h1{font-size:clamp(32px,3.7vw,48px);line-height:1.08;margin:8px 0 12px;max-width:900px}
#main>.pageHeading p{font-size:13px;line-height:1.6;max-width:700px}
body[data-section=explore] #main>.pageHeading{margin-bottom:16px}
body[data-section=explore] #main>.pageHeading h1{font-size:clamp(32px,3.4vw,44px)}
body[data-section=explore] .sceneHost{height:clamp(340px,51svh,560px)}
body[data-section=explore] .setupCallout{margin:20px 0;padding:18px 22px;gap:16px}
body[data-section=explore] .setupCallout h2{font-size:25px;margin:5px 0 8px}
body[data-section=explore] .setupCallout p{margin:0 0 10px;line-height:1.5}
body[data-section=explore] .setupIllustration{width:60px;min-width:60px;height:70px}
body[data-section=explore] .setupIllustration>i{display:none}
body[data-section=find-my-fit] .fitHeadingActions{max-width:none;justify-content:flex-start;margin:12px 0 0}
body[data-section=find-my-fit] .fitHeadingActions .button,body[data-section=find-my-fit] .fitHeadingActions .textLink{min-height:44px}
.fitFlowNav{margin-bottom:16px}.fitFlowNav>p{font-size:13px;margin-bottom:8px}
.fitFlowNav button{min-height:52px;padding:9px 12px}.fitFlowNav button small{font-size:11px}
.fitRequirements{padding:22px;margin-bottom:20px;max-width:none}
.fitRequirements .panelHeading{margin-bottom:14px}.fitRequirements .panelHeading h2{font-size:26px}
.fitRequirements .requirementGrid label{font-size:13px}.fitRequirements .requirementGrid select,.fitRequirements .requirementGrid input{min-height:44px;font-size:14px}
.fitStepFooter{gap:14px;padding-top:14px;margin-top:14px}.fitStepFooter p{font-size:13px;line-height:1.5}.fitStepFooter p>span{font-size:12px}
.fitStepFooter .button{min-height:44px;white-space:normal}
body[data-section=states] .fullDirectory{margin:0 0 22px;padding:22px}
body[data-section=states] .directoryFilters{margin:0 0 16px;gap:12px}
body[data-section=states] .coverageContext{margin:20px 0}
body[data-section=states] .nycLaunch{margin:20px 0;padding:20px}
body[data-section=my-journey] .journeyCompass{padding:24px;gap:24px;margin-bottom:24px}
body[data-section=my-journey] .journeyCompass h2{font-size:30px;margin:10px 0}
body[data-section=my-journey] .journeyCompass p{font-size:13px;line-height:1.6}
body[data-section=my-journey] .journeyProgressLabel{margin-top:14px;font-size:12px}
body[data-section=my-journey] .journeyGrid{align-items:start;gap:20px}
body[data-section=my-journey] .journeyGrid>aside{display:grid;align-content:start;gap:20px;min-width:0}
body[data-section=my-journey] .journeyGrid .panel{margin:0;min-width:0;height:auto}
body[data-section=my-journey] .journeyStep{text-align:left;white-space:normal;min-height:86px}
body[data-section=my-journey] .journeyStep>div{min-width:0}.journeyStep h3,.journeyStep p{overflow-wrap:anywhere}
.nextMove,.nextMoveEmpty,.journeyExperiment{height:auto;min-width:0;align-items:center}.nextMove>div{min-width:0}
.nextMove h3,.nextMoveEmpty h3{overflow-wrap:anywhere}.nextMove .button{white-space:normal;min-height:44px}
.panel,.atlasCard,.stateCard,.homeCard,.journeyCompass,.nextMove,.recommendationCard{min-width:0;scroll-margin-top:calc(var(--sticky-header,90px) + 12px)}
.sectionHeader{flex-wrap:wrap}.sectionHeader h2{overflow-wrap:anywhere}.quietNote{overflow-wrap:anywhere}
.startupWelcome{grid-column:1/-1;max-width:1200px;width:100%;margin:auto;padding:24px}
.startupBrand{display:flex;align-items:center;gap:12px;margin-bottom:24px;font-size:18px;letter-spacing:.1em}
.startupBrand img{width:38px;height:38px}.startupWelcome h1{font:400 clamp(30px,4vw,44px)/1.12 Georgia,serif;color:var(--text,#294e38);margin:0 0 16px}
.startupAtlas{border:1px solid #8eae9e;border-radius:18px;padding:24px;min-height:280px;background:linear-gradient(130deg,#e4eee7,#b5c8ba);color:#31513b}
.startupAtlas strong{display:block;font-size:20px;margin-bottom:16px}.startupAtlas p{font-size:14px;line-height:1.7}
.startupBoroughs{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.startupBoroughs span{padding:10px 14px;background:#fff9;border-radius:12px;border:1px solid #7e9d8b}
[data-theme=dark] .startupAtlas{background:linear-gradient(130deg,#213e2d,#142b21);color:#d9ebdf}
[data-theme=dark] .startupBoroughs span{background:#203c2d;border-color:#61816e}
#app>.boot{grid-column:1/-1}
@media(max-width:820px){.fitFlowNav button{padding:9px 7px;min-height:58px}.fitFlowNav small{display:none}.fitRequirements{padding:18px}.fitStepFooter{align-items:flex-start}.journeyGrid{grid-template-columns:1fr}}
@media(max-width:600px){
 #main{padding-top:14px;padding-bottom:28px}
 #main>.pageHeading{padding-top:0;margin-bottom:16px}
 #main>.pageHeading h1{font-size:32px;line-height:1.08;margin:7px 0 10px;letter-spacing:-1px}
 #main>.pageHeading p{font-size:12px;line-height:1.5;max-width:none}
 body[data-section=explore] #main>.pageHeading h1{font-size:30px}
 body[data-section=explore] #main>.pageHeading .eyebrow{display:none}
 body[data-section=explore] .searchBar{margin-bottom:12px;gap:7px}
 body[data-section=explore] .searchField{min-height:44px}
 body[data-section=explore] .searchField input{font-size:16px}
 body[data-section=explore] .searchBar button{min-height:44px;font-size:12px}
 body[data-section=explore] .atlasHead{min-height:38px;padding:8px}
 body[data-section=explore] .sceneHost{height:clamp(320px,46svh,440px)}
 body[data-section=explore] .boroughTabs button{min-height:40px;font-size:11px}
 body[data-section=explore] .setupCallout{padding:18px 16px}.setupCallout .setupIllustration{display:none}
 .fitHeadingActions{gap:8px}.fitHeadingActions .button,.fitHeadingActions .textLink{font-size:12px;padding:9px 10px}
 .fitFlowNav>p{font-size:12px}.fitFlowNav button{flex-direction:row;align-items:center;min-height:48px;padding:7px 6px;text-align:left;gap:6px}.fitFlowNav button>b{flex:0 0 22px;width:22px;height:22px;font-size:12px}.fitFlowNav button strong{font-size:11px;line-height:1.3}
 .fitRequirements{padding:18px 16px}.fitRequirements .panelHeading h2{font-size:24px}
 .fitRequirements .requirementGrid{gap:12px}.fitRequirements .requirementGrid input,.fitRequirements .requirementGrid select{font-size:16px}
 .fitRequirements .requirementToggles{gap:8px;flex-wrap:wrap}.fitRequirements .requirementToggles label{font-size:12px;min-height:40px}
 .fitStepFooter{gap:12px}.fitStepFooter p{font-size:13px}.fitStepFooter .button{font-size:13px}
 body[data-section=states] .fullDirectory{padding:16px;margin-top:0}.fullDirectory .directoryFilters{display:grid;grid-template-columns:1fr 1fr;gap:12px}
 .fullDirectory .directoryFilters label,.fullDirectory .directoryFilters label:first-child{min-width:0;width:auto}
 .fullDirectory .directoryFilters input,.fullDirectory .directoryFilters select{min-height:44px;font-size:16px}
 .fullDirectory .stateGrid{margin-top:8px}.fullDirectory .stateSculpture{height:92px}
 body[data-section=my-journey] .journeyCompass{padding:20px 18px;gap:16px}
 body[data-section=my-journey] .journeyCompass h2{font-size:28px}.journeyRadar svg{max-width:210px}
 body[data-section=my-journey] .journeyGrid{display:grid;grid-template-columns:1fr;gap:20px}
 .searchDecoded{gap:20px}.nextMove,.journeyExperiment{gap:16px;padding:20px;grid-template-columns:1fr}
 .nextMove .nextMoveImage{height:200px}.journeyExperiment>.button{width:100%;justify-content:center;white-space:normal}
 .appFooter{padding-bottom:20px}.startupWelcome{padding:20px 16px}.startupAtlas{padding:20px;min-height:300px}
}
@media(max-height:500px){#main>.pageHeading h1{font-size:30px}.panel,.journeyCompass,.fullDirectory{height:auto;max-height:none}.fitHeadingActions{margin-top:8px}.stateBrowserHeading{min-height:0}}

/* Search is immediate; secondary state filters expand in normal document flow. */
.fullDirectory .directoryFilters{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:16px}
.fullDirectory .directoryFilters>label:first-child{min-width:0}
.stateAdvancedFilters{min-width:0;padding-top:19px}
.stateAdvancedFilters summary{min-height:44px;padding:11px 14px;border:1px solid #91ad9c;border-radius:10px;background:var(--panel,#eef5f0);color:var(--text,#315e43);font-size:13px;line-height:1.5;cursor:pointer}
.stateAdvancedFilters summary:focus-visible{outline:3px solid #659f7c;outline-offset:3px}
.advancedStateFields{display:grid;grid-template-columns:1fr;gap:12px;padding-top:14px}
.fullDirectory .stateAdvancedFilters .advancedStateFields label{min-width:0;width:100%}
@media(max-width:600px){.fullDirectory .directoryFilters{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px}.stateAdvancedFilters summary{font-size:12px;padding:11px 9px}}