@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#1b3332;background:#f6f5ee}*{box-sizing:border-box}body{margin:0}header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid #d9ded5;background:#f8f8f2}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#193632;font-weight:700;font-size:12px;letter-spacing:.16em}.brandmark{display:grid;place-items:center;background:#153c39;color:#d8edb1;font-size:22px;width:37px;height:37px;border-radius:50%}.brand small{display:block;font-size:8px;letter-spacing:.18em;margin-top:3px;color:#7b8c80}.header-right{font-size:10px;letter-spacing:.13em;font-weight:700;color:#667c72}.sep{margin:0 12px;color:#b9c5b9}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#92bc68;margin-right:7px}main{display:grid;grid-template-columns:390px minmax(0,1fr);height:calc(100vh - 70px)}aside{padding:39px 33px 25px;overflow:auto;background:#f8f8f2}.eyebrow,.section-title,.detail-label,.legend-heading{font-size:10px;letter-spacing:.14em;font-weight:700;color:#708578}.eyebrow span{color:#4b765c;margin-right:10px}h1{font:400 47px/.99 'DM Serif Display',serif;letter-spacing:-.035em;margin:19px 0;color:#183b37}h1 em{font-weight:400;color:#76986a}.intro{font-size:14px;line-height:1.65;color:#667b72;max-width:300px}.statline{display:flex;gap:32px;margin:27px 0}.statline strong{display:block;font:400 23px 'DM Serif Display',serif;color:#1b403b}.statline span{font-size:9px;font-weight:700;color:#8b9b90;letter-spacing:.1em}.rule{border-top:1px solid #dae2d9;margin:24px 0}.section-title{display:flex;justify-content:space-between;color:#244c40}.searchlabel{display:block;font-size:12px;font-weight:700;margin:20px 0 7px}select{font:500 13px 'DM Sans',sans-serif;color:#29443e;width:100%;padding:12px;border:1px solid #d9e2d8;border-radius:6px;background:#fff}.detail{background:#eaf0e5;border:1px solid #dce7d7;border-radius:6px;margin:17px 0 22px;padding:17px}.detail h2{font:400 24px 'DM Serif Display',serif;margin:7px 0;color:#183b37}.detail p{font-size:12px;line-height:1.5;color:#688075;margin:5px 0}.result-row{display:flex;justify-content:space-between;font-size:12px;padding-top:7px;color:#3b554b}.legend-heading{display:flex;justify-content:space-between;align-items:center;color:#36594b}.legend-heading button{border:0;background:none;color:#6d8d6c;text-decoration:underline;cursor:pointer;font-size:11px}.legend{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0}.legend button{border:0;background:none;padding:0;text-align:left;display:flex;align-items:center;gap:7px;font:500 11px 'DM Sans';color:#4c665c;cursor:pointer}.legend button.dim{opacity:.35}.swatch{width:9px;height:9px;border-radius:2px;flex:none}.note{display:flex;gap:10px;border-top:1px solid #dce3d9;margin-top:20px;padding-top:13px;color:#73887b}.note span{font-size:15px}.note p{font-size:11px;line-height:1.5;margin:0}footer{display:flex;gap:18px;margin-top:20px}footer a{color:#517560;font-size:10px;font-weight:700;text-decoration:none}.map-wrap{position:relative;overflow:hidden;background:#dce8df}#map{height:100%;width:100%;background:#dfe9df}.map-top,.map-bottom{position:absolute;z-index:600;left:22px;right:22px;display:flex;justify-content:space-between;pointer-events:none}.map-top{top:20px}.map-bottom{bottom:22px;align-items:end}.map-chip,#reset{background:#f9faf3;box-shadow:0 2px 15px #233c2c18;border:1px solid #dfe8de;border-radius:4px;padding:10px 12px;font:700 9px 'DM Sans';letter-spacing:.1em;color:#526c5b}.map-chip b{color:#b7c9b7}#reset{pointer-events:auto;cursor:pointer}.map-bottom>div:first-child{background:#f9faf3e8;padding:11px 13px;border-radius:4px;box-shadow:0 2px 15px #233c2c18}.map-bottom b,.map-bottom span{display:block;font-size:9px;letter-spacing:.12em;color:#426251}.map-bottom span{margin-top:5px;letter-spacing:0;color:#829187}.north{color:#385f4a;font-size:10px;font-weight:700;text-align:center}.north span{font-size:20px}#loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:800;background:#183b37;color:white;padding:13px 18px;border-radius:4px;font-size:12px}.leaflet-control-zoom{margin-top:66px!important}.leaflet-container{font-family:'DM Sans',sans-serif}.vote-canvas{position:absolute;inset:0;z-index:450;pointer-events:none}.leaflet-interactive{cursor:pointer}@media(max-width:800px){header{height:60px;padding:0 15px}.header-right{font-size:8px}main{height:auto;display:flex;flex-direction:column-reverse}.map-wrap{height:58vh;min-height:380px}aside{padding:27px 23px}.intro{max-width:none}h1{font-size:39px}.statline{margin:18px 0}.map-top{left:12px;right:12px;top:12px}.map-bottom{left:12px;right:12px;bottom:12px}.leaflet-control-zoom{margin-top:55px!important}}
/* Keep the context legible while letting the vote colours carry the map. */
.leaflet-tile-pane{filter:grayscale(1) contrast(.65) brightness(1.14);opacity:.66}


.aggregate-readout{position:absolute;z-index:600;left:22px;bottom:94px;max-width:320px;background:#f9faf3ed;box-shadow:0 2px 15px #233c2c18;border:1px solid #dfe8de;border-radius:4px;padding:10px 13px;color:#38574a;font-size:11px;line-height:1.5;pointer-events:none}.aggregate-readout[hidden]{display:none}.aggregate-readout b{display:block;font-size:10px;letter-spacing:.08em;color:#234838}
