:root{--asphalt:#22303a;--asphalt-soft:#55636d;--chalk:#ffffff;--mist:#eef1f0;--line:#d8dee1;--sign-green:#00703c;--green-tint:#e2f0e7;--amber:#c77800;--amber-fill:#e8a013;--amber-tint:#fbf0d9;--blue:#1c4e9c;--blue-fill:#3f7dd4;--blue-tint:#e4ecfa;--shadow:0 4px 18px rgba(34, 48, 58, 0.16)}.area-map{position:relative;border-radius:8px;overflow:hidden;#map{inset:0;width:100%;height:600px}.card{position:absolute;z-index:5;background:var(--chalk);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}@media (prefers-reduced-motion:no-preference){.card{animation:settle 0.45s ease-out backwards}.card--legend{animation-delay:0.12s}@keyframes settle{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}}.card--title{top:16px;left:16px;padding:14px 18px 12px;max-width:300px}.card--title .eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--color-primary)}.card--title h1{font-size:22px;font-weight:800;line-height:1.15;margin:2px 0 4px}.card--title p{font-size:13px;line-height:1.45;color:var(--asphalt-soft)}.card--legend{bottom:28px;left:16px;padding:12px 16px;display:grid;gap:8px;width:auto}.legend__row{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600}.legend__swatch{width:22px;height:15px;border-radius:4px;flex:none}.legend__swatch--full{background:rgb(0 112 60 / .3);border:2px solid var(--sign-green)}.legend__swatch--auto{background:rgb(232 160 19 / .32);border:2px solid var(--amber-fill)}.legend__swatch--manual{background:rgb(63 125 212 / .28);border:2px solid var(--blue-fill)}.pill{display:inline-flex;align-items:center;gap:7px;padding:5px 12px 4px;border:0;border-radius:999px;background:var(--sign-green);color:#fff;font-family:var(--font-family-base);font-size:13px;font-weight:600;letter-spacing:.02em;box-shadow:0 2px 8px rgb(34 48 58 / .35),inset 0 0 0 1.5px rgb(255 255 255 / .55);cursor:pointer;transition:transform 0.12s ease}.pill:hover{transform:scale(1.06)}.pill:focus-visible{outline:3px solid var(--asphalt);outline-offset:2px}.pill--auto{background:var(--amber)}.pill--manual{background:var(--blue)}.pill__gear{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#fff;font-size:11px;font-weight:800;line-height:1;padding-top:1px}.pill--auto .pill__gear{color:var(--amber)}.pill--manual .pill__gear{color:var(--blue)}.iw{color:var(--asphalt);max-width:240px;font-family:var(--font-family-base);padding:2px 2px 4px}.iw__name{font-size:17px;font-weight:600;margin-bottom:6px}.iw__status{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.03em;padding:3px 9px 2px;border-radius:999px;margin-bottom:8px}.iw__status--full{background:var(--green-tint);color:var(--sign-green)}.iw__status--auto{background:var(--amber-tint);color:var(--amber)}.iw__status--manual{background:var(--blue-tint);color:var(--blue)}.iw__areas{font-size:13px;line-height:1.5;font-weight:500;color:var(--asphalt-soft)}.iw__note{font-size:13px;line-height:1.5;margin-top:7px;padding-top:7px;border-top:1px solid var(--line)}}