.areas{gap:clamp(1.5rem,4vw,3rem);display:grid}@media (min-width:1000px){.areas{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center}}.zones{gap:0;display:grid}.zone{border-bottom:1px solid var(--border);cursor:default;border-left:3px solid #0000;grid-template-columns:5.5rem 1fr;align-items:baseline;gap:1rem;padding:.95rem .75rem;transition:background .2s,border-color .2s;display:grid}.zone:first-child{border-top:1px solid var(--border-strong)}.zone b{font:700 1.25rem/1 var(--display);text-transform:uppercase;letter-spacing:.04em}.zone span{color:var(--text-muted);font-size:.95rem}.zone.on{background:var(--surface);border-left-color:var(--accent)}.zone.on b{color:var(--accent)}.areamap{border:1px solid var(--border);background:var(--bg);min-width:0}.areamap svg{width:100%;height:auto}.zarea{fill:#f0f3f608;fill:lab(95.5882% -.55331 -1.78928/.03);stroke:#f0f3f647;stroke:lab(95.5882% -.55331 -1.78928/.28);stroke-width:1.4px;stroke-linejoin:round;cursor:pointer;transition:fill .2s,stroke .2s}.zarea.on{fill:#fdb63f38;fill:lab(79.4921% 19.1529 67.4031/.22);stroke:#fdb63fb3;stroke:lab(79.4921% 19.1529 67.4031/.7)}.zarea.pick{fill:#fdb63f8c;fill:lab(79.4921% 19.1529 67.4031/.55);stroke:var(--accent);stroke-width:2.4px}.b-thames{fill:none;stroke:var(--map-water);stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.b-m25{fill:none;stroke:var(--accent);stroke-opacity:.45;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.b-note,.blabel{font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;pointer-events:none;paint-order:stroke;stroke:var(--bg);stroke-width:6px;stroke-linejoin:round;font-weight:700}.b-note{fill:var(--accent);fill-opacity:.8;font-size:22px}.blabel{fill:var(--text);text-anchor:middle;font-size:28px}.areas__pick{border-top:1px solid var(--border);color:var(--text-muted);flex-wrap:wrap;align-items:baseline;gap:.2rem .7rem;min-height:3.2rem;padding:.8rem 1rem;font-size:.95rem;display:flex}.areas__pick b{font:700 1.15rem/1.1 var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--text)}.areas__pick i{font-style:normal;font:600 .95rem/1 var(--display);letter-spacing:.1em;color:var(--accent);font-variant-numeric:tabular-nums}.areas__src{color:var(--text-subtle);padding:0 1rem .7rem;font-size:.7rem}.areas__note{color:var(--text-muted);margin-top:1.25rem;font-size:.95rem}.areas__note a{color:var(--accent);text-underline-offset:3px;font-weight:600;text-decoration:underline}.zone a{min-height:32px;font:600 .9rem/1 var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);grid-column:2;justify-self:start;align-items:center;gap:.35rem;display:inline-flex}.zone a .ic{width:16px;height:16px}.zone a:hover{text-underline-offset:3px;text-decoration:underline}.areas--big .areamap{order:-1}@media (min-width:1000px){.areas--big .areamap{order:0}.areas--big{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start}}.lookup{border:1px solid var(--border-strong);border-left:3px solid var(--accent);background:var(--surface);gap:.7rem;padding:1.1rem;display:grid}.lookup label{font:600 1.2rem/1.1 var(--display);letter-spacing:.03em;text-transform:uppercase}.lookup__row{grid-template-columns:minmax(0,1fr) auto;gap:.5rem;display:grid}.lookup input{background:var(--bg);border:1.5px solid var(--field);border-radius:var(--radius);text-transform:uppercase;font-variant-numeric:tabular-nums;width:100%;min-width:0;height:50px;padding:0 .85rem}.lookup input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #fdb63f4d;box-shadow:0 0 0 3px lab(79.4921% 19.1529 67.4031/.3)}.lookup button{background:var(--accent);height:50px;color:var(--on-accent);border-radius:var(--radius);font:700 1.1rem/1 var(--display);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.45rem;padding:0 1.2rem;display:inline-flex}.lookup button:hover{background:var(--accent-hover)}.lookup.is-invalid input{border-color:var(--danger)}.lookup .err{color:var(--danger);align-items:flex-start;gap:.4rem;font-size:.88rem;font-weight:500;display:none}.lookup .err .ic{width:16px;height:16px;margin-top:.2rem}.lookup.is-invalid .err{display:flex}.lookup__hint{color:var(--text-subtle);font-size:.85rem}.verdict{border-top:1px solid var(--border);gap:.6rem;padding-top:.8rem;display:grid}.verdict[hidden]{display:none}.verdict__t{font:600 1.15rem/1.15 var(--display);letter-spacing:.03em;text-transform:uppercase;align-items:flex-start;gap:.55rem;display:flex}.verdict__t .ic{color:var(--accent);margin-top:.05rem}.verdict--yes .verdict__t .ic{color:var(--ok)}.verdict p{color:var(--text-muted);font-size:.95rem}.verdict p b{color:var(--text);font-weight:600}.verdict__cta{flex-wrap:wrap;gap:.5rem;display:flex}.verdict__cta .btn{flex:auto;min-height:46px;padding:0 1rem;font-size:1.02rem}.bgrid{border-top:1px solid var(--border);border-left:1px solid var(--border);list-style:none;display:grid}@media (min-width:480px){.bgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1000px){.bgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}.bgrid li{border-right:1px solid var(--border);border-bottom:1px solid var(--border);align-content:start;gap:.35rem;padding:1rem 1.1rem;display:grid}.bgrid b{font:600 1.25rem/1.1 var(--display);text-transform:uppercase;letter-spacing:.02em}.bgrid span{font:600 .95rem/1.5 var(--display);letter-spacing:.08em;color:var(--accent);font-variant-numeric:tabular-nums;word-spacing:.2em}.towns{gap:1.5rem;display:grid}@media (min-width:760px){.towns{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1000px){.towns{grid-template-columns:repeat(3,minmax(0,1fr))}}.towns__g h3{border-bottom:2px solid var(--accent-deep);font:600 1.3rem/1 var(--display);text-transform:uppercase;padding-bottom:.5rem}.towns__g ul{list-style:none;display:grid}.towns__g li{border-bottom:1px solid var(--border-chalk);color:var(--text-on-chalk-muted);padding:.45rem 0}.towns__g li b{min-width:3.4rem;font:700 1rem/1 var(--display);letter-spacing:.08em;color:var(--accent-deep);display:inline-block}.further{border:1px solid var(--border-chalk);border-left:3px solid var(--accent-deep);gap:1rem;margin-top:clamp(2rem,4vw,3rem);padding:1.25rem;display:grid}@media (min-width:1000px){.further{grid-template-columns:1fr auto;align-items:center}}.further h3{font:600 1.35rem/1.1 var(--display);text-transform:uppercase}.further p{color:var(--text-on-chalk-muted);margin-top:.3rem}
