.national-map-page{color:#183d2d;letter-spacing:0;background:#fff;flex-direction:column;height:100dvh;min-height:420px;font-family:Arial,sans-serif;display:flex;position:relative}.national-map-toolbar{z-index:1001;background:#fff;border-bottom:1px solid #d7ded7;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 20px;display:flex}.national-map-brand{color:#173e2d;white-space:nowrap;font-size:20px;font-weight:850;text-decoration:none}.national-map-brand span{color:#8a4b0a}.national-map-toolbar h1{letter-spacing:0;white-space:nowrap;margin:0 auto 0 0;font-family:Arial,sans-serif;font-size:18px;line-height:1.2}.national-map-toolbar label{align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.national-map-toolbar select,.national-map-toolbar button{color:#173e2d;min-height:42px;font:inherit;cursor:pointer;background:#fff;border:1px solid #9aafa2;border-radius:5px;max-width:190px;padding:8px;font-size:14px}.national-map-toolbar button:disabled{opacity:.5;cursor:wait}:is(.national-map-toolbar a:focus-visible,.national-map-toolbar button:focus-visible,.national-map-toolbar select:focus-visible){outline-offset:2px;outline:3px solid #1769b4}.national-map-canvas{z-index:0;background:#dfeaf0;flex:1;width:100%;min-height:200px}.national-map-status{z-index:1001;background:#fff;border-top:1px solid #d7ded7;justify-content:space-between;align-items:center;gap:16px;padding:10px 20px;font-size:14px;display:flex;position:relative}.national-map-status summary{cursor:pointer;white-space:nowrap;align-items:center;min-height:30px;text-decoration:underline;display:flex}.national-map-sources{color:#24372e;background:#fff;border:1px solid #afbeb7;border-radius:6px;width:360px;max-width:calc(100vw - 24px);max-height:55dvh;padding:16px 20px;position:absolute;bottom:54px;right:12px;overflow:auto;box-shadow:0 3px 20px #0003}.national-map-sources p{margin:0 0 12px;font-size:14px;line-height:1.5}.national-map-sources small,.national-map-warning{display:block}.national-map-warning{color:#982f1d}.national-map-sources small{font-size:12px}.national-brand-price{background:var(--brand-color);width:96px;height:34px;color:var(--brand-text);white-space:nowrap;border:2px solid #fff;border-radius:5px;align-items:center;font:700 14px/20px Arial,sans-serif;display:flex;overflow:hidden;box-shadow:0 1px 5px #0005}.national-brand-badge{color:#33434c;background:#fff;flex:0 0 32px;place-items:center;width:32px;height:30px;font:800 10px/1 Arial,sans-serif;display:grid;position:relative;overflow:hidden}.national-map-page .national-map-canvas .national-brand-badge img{object-fit:contain;background:#fff;width:28px;height:24px;position:absolute;inset:3px 2px}.national-brand-amount{text-align:center;flex:1;padding:0 4px}.national-price-marker.missing .national-brand-amount{font-size:12px}.national-price-marker:focus-visible{outline-offset:3px;outline:3px solid #1769b4}.national-map-popup{color:#253d30;gap:7px;min-width:180px;display:grid}.national-map-popup strong{font-size:16px}.national-map-popup b{color:#176348;font-size:18px}.national-map-popup span{font-size:14px}.national-map-popup small{font-size:12px;line-height:1.45}.national-map-popup a{font-size:14px}.national-map-popup .national-map-price-reason{color:#754317;border-bottom:1px solid #d7ded7;margin:0 0 4px;padding-bottom:8px;font-size:14px;line-height:1.45}.national-map-priced-filter{white-space:nowrap}.national-map-priced-filter input{accent-color:#176348;width:18px;height:18px}.national-map-stage{flex:1;min-height:200px;position:relative}.national-map-stage .national-map-canvas{height:100%}.national-map-station-picker{z-index:1000;background:#fff;border:1px solid #9aafa2;border-radius:5px;max-width:calc(100% - 70px);font-size:14px;position:absolute;top:12px;left:54px}.national-map-station-picker summary{cursor:pointer;padding:10px}.national-map-station-picker>div{box-sizing:border-box;gap:8px;width:320px;max-width:100%;padding:0 10px 10px;display:grid}.national-map-station-picker select{width:100%;min-width:0;font:inherit;padding:8px}.national-map-station-picker button{font:inherit;color:#fff;background:#176348;border:0;border-radius:4px;padding:8px}.national-map-station-picker button:disabled{background:#687781}.national-map-station-picker :focus-visible{outline-offset:2px;outline:3px solid #1769b4}.national-map-error{z-index:1000;color:#63390b;background:#fff1ce;border:1px solid #c5913a;padding:12px;font-size:14px;position:absolute;bottom:65px;left:12px;right:12px}@media (max-width:650px){.national-map-toolbar{gap:8px;padding:10px 12px}.national-map-brand{flex:calc(100% - 90px)}.national-map-toolbar h1{text-align:right;flex:none}.national-map-toolbar label{flex:calc(50% - 8px);min-width:125px}.national-map-toolbar select{width:100%;min-width:0;max-width:none}.national-map-toolbar button{flex:1}.national-map-status{gap:8px;padding:8px 12px;font-size:12px}.national-map-status>span{overflow-wrap:anywhere;min-width:0}.national-map-toolbar label{font-size:12px}}.map-area-search{z-index:1001;background:#fff;border-bottom:1px solid #d7ded7;padding:8px 20px;font:14px Arial,sans-serif;position:relative}.map-area-search form{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.map-area-search label{font-weight:700}.map-area-search input{border:1px solid #9aafa2;border-radius:5px;flex:1;min-width:180px;min-height:44px;padding:8px;font:16px Arial,sans-serif}.map-area-search button,.national-map-popup button,.favourites-comparison button{color:#173e2d;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #176348;border-radius:5px;padding:8px 12px}.map-area-search p{margin:5px 0;font-size:12px;line-height:1.4}.map-area-search p:empty{display:none}.map-area-search ul{background:#fff;border:1px solid #9aafa2;max-height:35dvh;margin:0;padding:8px;list-style:none;position:absolute;top:100%;left:20px;right:20px;overflow:auto;box-shadow:0 3px 20px #0003}.map-area-search li button{text-align:left;width:100%}.map-area-search :focus-visible{outline-offset:2px;outline:3px solid #1769b4}.favourites-comparison :focus-visible{outline-offset:2px;outline:3px solid #1769b4}.national-map-popup button:focus-visible{outline-offset:2px;outline:3px solid #1769b4}.map-favourites-panel{background:#f5f8f5;border-bottom:1px solid #9aafa2;max-height:50dvh;padding:12px 20px;overflow:auto}.favourites-comparison h2{margin:0 0 10px;font:700 20px Arial,sans-serif}.favourites-comparison p{margin:8px 0;font:14px/1.5 Arial,sans-serif}.favourites-table-wrap{overflow:auto}.favourites-comparison table{border-collapse:collapse;text-align:left;width:100%;font:14px/1.5 Arial,sans-serif}.favourites-comparison caption{text-align:left;padding:10px 0;font-weight:700}.favourites-comparison th,.favourites-comparison td{vertical-align:top;border-bottom:1px solid #c8d3cd;min-width:125px;padding:10px}.favourites-comparison small{font-weight:400;line-height:1.5;display:block}.favourites-comparison td button{white-space:nowrap;margin-bottom:6px;display:block}.map-storage-warning{background:#fff1ce;margin:0;padding:8px 20px;font-size:14px}.national-map-toolbar select,.national-map-toolbar button,.national-map-station-picker select,.national-map-station-picker button{min-height:44px}@media (max-width:650px){.map-area-search{padding:8px 12px}.map-area-search label{flex:100%}.map-area-search input{width:50%;min-width:0}.map-area-search button{flex:none}.map-favourites-panel{max-height:45dvh;padding:10px 12px}.national-map-page{min-height:640px}.national-map-toolbar button{max-width:none}}.favourites-comparison summary{cursor:pointer;align-items:center;min-height:44px;font-size:14px;text-decoration:underline;display:flex}.favourites-table-wrap:before{content:"Scroll across for source timing and actions on narrow screens.";margin:6px 0;font:12px/1.4 Arial,sans-serif;display:block}@media (max-width:650px){.national-map-page.comparing .national-map-stage{display:none}.national-map-page.comparing .map-favourites-panel{flex:1;max-height:none}}.map-area-search .map-area-search-help{color:#173e2d;font-size:14px}
