.results{list-style:none;padding:0;border-top:2px solid var(--navy)}
.results li{display:grid;grid-template-columns:minmax(150px,.7fr) 2fr;gap:2rem;align-items:center;padding:2rem 0;border-bottom:1px solid var(--line)}
.results b{font:800 clamp(3rem,7vw,5.2rem)/1 var(--display);color:var(--blue);letter-spacing:-.03em}
.results h2{font-size:1.6rem;margin-bottom:.3rem}
.results p{margin-bottom:.8rem}
.note{margin-top:1rem;font-size:.9rem;color:#44587A}
.sec>p{margin-top:.8rem}
.mapwrap{display:grid;grid-template-columns:minmax(300px,1.1fr) 1fr;gap:3rem;margin-top:2rem;align-items:start}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:78px;gap:6px}
.t{grid-column:var(--c);grid-row:var(--r);border:0;border-radius:10px;padding:.3rem;font:500 .8rem/1.15 var(--body);color:#6C82A6;background:#E6EEF8;cursor:default}
.t.has{background:var(--navy);color:#fff;font-weight:700;cursor:pointer}
.t.has:hover{background:var(--blue)}
.t.on{background:var(--yellow);color:var(--navy-deep)}
.region-read{border-left:4px solid var(--yellow);padding-left:1.5rem;min-height:9rem}
.region-read ul{list-style:none;padding:0;margin-top:.8rem}
.region-read li{padding:.5rem 0;border-bottom:1px solid var(--line)}
.region-read a{font-weight:700;color:var(--navy)}
@media (max-width:820px){.results li,.mapwrap{grid-template-columns:1fr;gap:1rem}.tiles{grid-auto-rows:64px}}