/* v1.11 — a quiet opening view; legend and analytical details are opt-in. */
header{height:60px;padding:0 18px;gap:18px}
#view{top:60px}
.identity b{font-size:1rem}.identity small{font-size:.64rem}.identity img{width:30px;height:30px}
.identity .release,.header-actions .version{display:none}
#search-form{max-width:490px;padding:3px}#address{height:34px}
.header-actions{gap:8px}
.earth-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 13px;border:1px solid #98d2cb;border-radius:7px;background:#c9ede5;color:#113d41;text-decoration:none;font-size:.84rem;font-weight:700;white-space:nowrap}
.earth-button:hover{background:#e0f6ef}.earth-button[aria-disabled=true]{opacity:.5;pointer-events:none}
.toolbar{top:72px;left:18px;right:auto;gap:5px;padding:4px 6px;max-width:calc(100% - 36px)}
.toolbar .modes{width:auto;flex-basis:auto;order:0;gap:2px}.toolbar .modes button{min-height:40px;padding:7px 10px;font-size:.8rem}
.toolbar #building-color-quick{order:1;min-height:40px;padding:7px 9px;font-size:.75rem}
.toolbar #view-options-open{order:2;min-width:38px;min-height:40px;width:38px;padding:3px 8px}
.screen-actions{top:74px;right:18px}.map-actions{top:128px;right:18px}
#location,#comparison{top:130px;max-height:calc(100dvh - 240px)}
#location-source{display:none}#location .primary-action{margin-top:8px}
#status{top:130px}
#legend-options #base-legend{margin-top:16px;padding-bottom:10px;border-bottom:1px solid var(--line)}
#legend-options #legend-brief,#legend-options #legend-quality{font-size:.78rem;line-height:1.4;margin:6px 0}
#legend-options .period-control{display:flex;margin:14px 0;border:0;padding:0;gap:10px}
#legend-options .period-control label{display:block;flex-shrink:0}#legend-options .period-control select{flex:1;max-width:100%;min-width:0}
#legend-options .additional-layers{flex-wrap:wrap}#legend-options #about-open{font-size:.85rem}
#neighbourhood-summary{font-weight:550;color:var(--ink)}
@media(max-width:850px){
 header{height:98px;padding:7px 10px;gap:7px;align-content:flex-start}
 .identity{height:35px;gap:7px}.identity img{width:25px;height:25px}.identity b{font-size:.9rem}.identity small{font-size:.58rem}
 .header-actions{height:35px;gap:5px}.header-actions button{min-height:35px;padding:6px 9px;font-size:.77rem}
 .earth-button{min-height:35px;padding:7px 9px;font-size:.77rem}
 #search-form{height:40px;max-width:none}#address{height:32px;font-size:.86rem}#search-submit{min-height:32px;font-size:.8rem}
 #view{top:98px}
 .toolbar{top:108px;left:10px;right:auto;max-width:calc(100% - 20px);width:auto;flex-wrap:nowrap;gap:3px;padding:3px 4px}
 .toolbar .modes{width:auto;flex-basis:auto;flex:1;min-width:0;gap:1px}
 .toolbar .modes button{font-size:.75rem;padding:8px 7px;min-height:40px;gap:5px;flex:0 1 auto}
 .toolbar #building-color-quick{font-size:.72rem;padding:7px;min-height:40px}
 .toolbar #view-options-open{order:2;min-height:40px;width:34px;min-width:34px;padding:3px 6px}
 .screen-actions{top:166px;right:10px;gap:5px}.screen-actions button{min-height:40px;padding:7px 9px;font-size:.73rem}
 .map-actions{top:216px;right:10px}.map-actions button{width:36px;height:36px;min-height:36px}
 #status{top:216px;max-width:calc(100% - 72px)}
 #location,#comparison{top:auto;bottom:84px;left:10px;right:54px;max-height:38dvh;max-width:360px;padding:10px 12px}
 #comparison{right:10px;max-width:390px}#location .local-stat{padding:7px 0}#location h1{font-size:.95rem;margin-top:4px}
 #location .primary-action{font-size:.8rem;min-height:38px;margin:5px 0 0}
 #location-expand{padding:6px 0;min-height:34px}#location .caution{margin:5px 0}
}
@media(max-width:480px){.identity small{display:none}.identity .release{display:none}}
@media(max-width:350px){.toolbar .modes button{padding:8px 5px;gap:3px}.toolbar .swatch{width:6px;height:6px}.toolbar #building-color-quick{padding:7px 5px}}
@media(max-height:520px) and (min-width:851px){.screen-actions{top:74px}#location,#comparison{max-height:calc(100dvh - 190px)}}
body.map-only #view{inset:0}body.map-only .screen-actions{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}body.map-only .map-actions{top:68px}

/* Shade uses a small bottom time bar; date and model settings stay closed. */
body.shade-mode .bottom-strip{display:none}
#shade-dock{position:absolute;left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(520px,calc(100% - 36px));display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 14px;padding:7px 12px;background:var(--panel);border:1px solid #fff;border-radius:10px;box-shadow:0 4px 22px #17384230;z-index:10}
#shade-dock[hidden],#shade-time-control[hidden],#shade-back-to-hour[hidden]{display:none}
#shade-time-control{min-width:0}#shade-time-control label{display:flex;align-items:center;justify-content:space-between;font-size:.73rem;font-weight:600;line-height:18px}
#shade-hour-label{font-size:.9rem;font-variant-numeric:tabular-nums;color:#334568}#shade-hour{display:block;width:100%;height:26px;margin:0;accent-color:#626ba4;cursor:pointer;touch-action:pan-x}
#shade-options-toggle,#shade-back-to-hour{min-height:38px;padding:7px 10px;font-size:.73rem;white-space:nowrap}
#shade-dock-status{grid-column:1/-1;margin:0;font-size:.7rem;line-height:1.3;max-width:100%}
#shade-panel{top:130px;max-height:calc(100dvh - 240px)}
@media(max-width:850px){#shade-dock{width:calc(100% - 20px);padding:6px 10px;gap:5px 10px}#shade-panel{top:auto;bottom:104px;left:10px;right:54px;max-height:42dvh}#shade-hour{height:30px}}