/* v01.066 — dimensions measured from Configuration, scoped to the two maps. */
#app .msl-weather-card{padding:12px!important;}
#app .msl-weather-panel{min-width:0;}
#app .msl-weather-map{height:380px;width:100%;border:1px solid var(--arch-border);border-radius:16px;overflow:hidden;background:#dce3e1;z-index:0;}
#app .msl-weather-map[hidden],#app .msl-weather-status[hidden],#app .msl-weather-stamp[hidden]{display:none!important;}
#app .msl-weather-status,#app .msl-weather-stamp{font:600 17px/1.25 var(--arch-font);color:var(--arch-text-2);}
#app .msl-weather-status{margin:6px 0 0;}
#app .msl-weather-stamp{margin:12px 0 6px;color:var(--arch-text-2);}
#app .msl-weather-stamp [data-weather-region]{color:var(--arch-text);}
#app .msl-weather-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 0;}
#app .msl-weather-controls>button{height:38px;min-height:38px;border:1px solid var(--arch-border);border-radius:16px;background:var(--role-fixed);color:var(--arch-text);font:600 18px/1.15 var(--arch-font);padding:0 14px;}
#app .msl-weather-controls>[data-weather-action="expand"]{grid-column:1 / -1;}
#app .msl-weather-source,#app .msl-weather-help{font-family:var(--arch-font);font-size:var(--arch-fs-meta);line-height:var(--arch-lh-meta);color:var(--arch-text-2);}
#app .msl-weather-source{margin:12px 0 0!important;padding:0!important;text-align:left!important;overflow-wrap:anywhere;}
#app .msl-weather-source a{color:inherit;text-decoration:underline;}
#app .msl-weather-help{margin-top:16px;}
#app .msl-weather-help summary{cursor:pointer;font-weight:var(--arch-fw-strong);}
#app .msl-weather-help p{line-height:1.5;margin:12px 0 0;}
#app [data-detail-key="weather-map"]{display:flex;flex-direction:column;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);overflow:auto;}
#app [data-detail-key="weather-map"]>.detail-head{flex:none;margin-bottom:12px;}
#app [data-detail-key="weather-map"]>.msl-weather-panel{display:flex;flex-direction:column;flex:1;min-height:0;}
#app [data-detail-key="weather-map"] .msl-weather-panel>*{flex:none;}
#app [data-detail-key="weather-map"] .msl-weather-map{flex:1;min-height:260px;height:auto;}
#app .msl-weather-title-icon{display:grid;place-items:center;width:43px;height:43px;flex:0 0 43px;font-size:35px;}
#app .msl-weather-title-icon .weather-emoji{font-size:35px!important;line-height:1!important;}
#app .msl-weather-map .msl-weather-basemap{filter:grayscale(1) saturate(0) contrast(.72) brightness(1.12);}
#app .msl-weather-marker{background:none;border:0;display:flex;flex-direction:column;align-items:center;text-align:center;line-height:1;}
#app .msl-weather-town-symbol{display:block;height:24px;line-height:1;font-size:24px;filter:drop-shadow(0 1px 1px #fff) drop-shadow(0 0 1px #31413b);}
#app .msl-weather-town-symbol .weather-emoji{font-size:24px!important;line-height:1!important;}
#app .msl-weather-reading{display:flex;align-items:center;justify-content:center;gap:2px;margin-top:-2px;font:800 16px/1 var(--arch-font);white-space:nowrap;text-shadow:-1px -1px 1px white,1px -1px 1px white,-1px 1px 1px white,1px 1px 1px white,0 0 3px white;background:none;border:0;padding:0;}
#app .msl-weather-reading b{font:inherit;}
#app .msl-weather-town-arrow{display:flex;align-items:center;filter:drop-shadow(0 0 1px white);}
#app .msl-weather-town-arrow .trend-arrow{width:11px!important;height:17px!important;display:block;}
#app .msl-weather-wind{display:flex;flex-direction:column;align-items:center;color:#145270;font:800 15px/1 var(--arch-font);background:none;border:0;text-shadow:0 0 3px #fff,1px 1px white,-1px -1px white;}
#app .msl-weather-wind-arrow{display:block;transform-origin:50% 50%;filter:drop-shadow(0 0 2px white);}
#app .msl-weather-wind-arrow svg{width:17px;height:26px;display:block;}
#app .msl-weather-map .leaflet-control-attribution{font:10px/1.3 Arial,sans-serif!important;color:#24302a!important;background:rgba(255,255,255,.88)!important;max-width:calc(100% - 12px);}
#app .msl-weather-map .leaflet-control-zoom a{background:white!important;color:#24302a!important;}
#app .msl-weather-map .leaflet-popup-close-button{display:grid;place-items:center;width:28px;height:28px;top:4px;right:4px;border-radius:50%;background:var(--role-fixed);color:var(--arch-text);font-size:24px;}
#app .msl-weather-map .leaflet-popup-content{font:15.5px/1.4 var(--arch-font);color:#163126;padding-top:8px;}