/* Red, white and blue framing; map fills retain their data meanings. */
.map-panel{background:linear-gradient(145deg,#15365d 0%,#244f79 45%,#87233d 100%);border-color:#25496e;border-top:6px solid #bc2b45;box-shadow:0 8px 28px #102e4c28}
.map-panel .map-top{padding-bottom:9px;background:linear-gradient(110deg,#102c50e8,#214a74b8),url('assets/stars.svg') right center/260px auto repeat}
.map-panel .map-top .eyebrow{color:#f1d6a1}.map-panel .map-top h2{color:#fff8ed;text-shadow:0 1px 2px #081d3633}
.map-panel .map-context{color:#f0f4fa;padding-top:10px;padding-bottom:4px;line-height:1.7}.map-panel .map-context b{color:#fff}
.map-panel .segmented{background:#f3f5fa;border:1px solid #fff;border-radius:5px;box-shadow:0 2px 8px #071e3633}.map-panel .segmented button{color:#18395e}.map-panel .segmented button.active{color:#fff;background:#b12643;box-shadow:0 2px 5px #59152a33}.map-panel .segmented button:hover{background:#e4eaf3;color:#193b61}.map-panel .segmented button.active:hover{background:#95223a;color:white}
.map-panel .map-canvas{background-color:#f8f7f5;background-image:radial-gradient(#50779e20 .7px,transparent .7px),linear-gradient(120deg,#c9dcef 0%,#e8f0f8 33%,#fffdf9 50%,#f8e6e9 70%,#e6aebc 100%);background-size:12px 12px,cover;border:1px solid #f8eee1b3;border-radius:5px;box-shadow:inset 0 0 35px #fff7,0 3px 10px #071e3626;margin:12px 12px 0}
.map-panel .map-legend{gap:7px 10px;padding-top:15px;padding-bottom:15px}.map-panel .legend-item{padding:5px 8px;border:1px solid #d7e0eb;border-radius:4px;background:#f7f8fc;color:#203c5b;line-height:1.5;box-shadow:0 1px 4px #102b4520}.map-panel .legend-swatch{flex-shrink:0}
.map-panel .map-note{background:#fffaf4f5;color:#293e56;border:1px solid #e1c7bd;border-left:4px solid #bc2b45;border-radius:4px;padding:14px 16px;margin:0 18px 16px;line-height:1.75}.map-panel .map-note summary{color:#96243c}.map-panel .map-note a,.map-panel .map-note .text-button{color:#8f233c}
.map-panel .map-footer{background:linear-gradient(100deg,#15385ef2,#87243df2);border-color:#ffffff45;color:#f0e8e8;padding-top:13px;padding-bottom:13px}.map-panel .map-footer .text-button{color:#ffe3a9}.map-panel .map-footer .text-button:hover{color:white}
.map-panel .compare-controls,.map-panel .compare-controls span{color:#f0f4fa}.map-panel .compare-controls select{color:#193b61;background:#fffdf9;border:1px solid #c7d5e5;border-radius:3px}
@media(max-width:560px){.map-panel .map-top{padding-bottom:10px}.map-panel .map-canvas{margin:10px 7px 0}.map-panel .map-note{margin:0 12px 14px;padding:12px}.map-panel .legend-item{font-size:9px;padding:4px 6px}.map-panel .map-legend{gap:6px 7px}.map-panel .map-footer{line-height:1.7}}
@media print{.map-panel,.map-panel .map-top,.map-panel .map-canvas,.map-panel .map-note,.map-panel .map-footer,.map-panel .legend-item{background:white!important;box-shadow:none;color:#111;border-color:#bbb}.map-panel .map-context,.map-panel .map-context b,.map-panel .map-top h2,.map-panel .map-top .eyebrow{color:#111;text-shadow:none}.map-panel .map-context{padding-bottom:8px}.map-panel .map-note{border-left:1px solid #bbb}.map-panel .map-footer .text-button{color:#111}}