:root{--ucd-blue:#022851;--ucd-blue-2:#13639e;--ucd-gold:#ffbf00;--ink:#182b49;--muted:#5b6670;--line:#d8dde3;--panel:#fff;--wash:#f4f7fa;--county:#f7f8fa;--county-hover:#dbeaf5;--county-selected:#ffbf00;--county-stroke:#56606a;--radius:10px;--shadow:0 3px 14px rgba(24,43,73,.10)}
*{box-sizing:border-box}html{color-scheme:light}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.5}.app-shell{max-width:1180px;margin:0 auto;padding:24px}.app-header{border-bottom:5px solid var(--ucd-gold);padding-bottom:16px;margin-bottom:22px}.eyebrow{margin:0 0 4px;color:var(--ucd-blue-2);font-weight:700;text-transform:uppercase;letter-spacing:.07em;font-size:.78rem}h1,h2,h3{line-height:1.18;color:var(--ucd-blue)}h1{margin:0;font-size:clamp(1.8rem,4vw,2.6rem)}h2{margin:0;font-size:1.35rem}h3{margin:0 0 6px;font-size:1.05rem}.intro{margin:8px 0 0;color:var(--muted)}
.controls{margin-bottom:18px;max-width:560px}.controls label{display:block;font-weight:700;margin-bottom:6px}.select-row{display:flex;gap:8px}select,button{font:inherit}select{min-width:0;flex:1;padding:10px 36px 10px 12px;border:1px solid #9aa5b1;border-radius:6px;background:#fff;color:var(--ink)}select:focus,button:focus-visible,.county:focus-visible{outline:3px solid rgba(19,99,158,.35);outline-offset:2px}.secondary-button{border:1px solid var(--ucd-blue);border-radius:6px;background:#fff;color:var(--ucd-blue);padding:9px 14px;font-weight:700;cursor:pointer}.secondary-button:hover:not(:disabled){background:#eef5fa}.secondary-button:disabled{opacity:.45;cursor:default}
.layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:22px;align-items:start}.map-card,.info-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.map-card{padding:18px}.map-heading{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:8px}.map-heading p{margin:4px 0 0;color:var(--muted)}.map-key{color:var(--muted);font-size:.84rem;white-space:nowrap;margin-top:4px}.key-swatch{display:inline-block;width:14px;height:14px;background:var(--county-selected);border:1px solid var(--county-stroke);vertical-align:-2px;margin-right:5px}.map-wrap{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center;background:var(--wash);border-radius:8px;overflow:hidden;padding:10px}#county-map{display:block;width:min(100%,560px);height:auto;max-height:68vh}.county-seam{fill:var(--county);stroke:var(--county-stroke);stroke-width:3.2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;pointer-events:none}.county{fill:var(--county);stroke:var(--county-stroke);stroke-width:1.15;stroke-linejoin:round;stroke-linecap:round;shape-rendering:geometricPrecision;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill .12s ease,stroke-width .12s ease}.county:hover,.county.is-hovered{fill:var(--county-hover);stroke:var(--ucd-blue);stroke-width:2}.county.is-selected{fill:var(--county-selected);stroke:var(--ucd-blue);stroke-width:2.4}.tooltip{position:absolute;z-index:10;pointer-events:none;background:var(--ucd-blue);color:#fff;padding:6px 9px;border-radius:4px;font-weight:700;font-size:.85rem;box-shadow:0 2px 8px rgba(0,0,0,.18);transform:translate(10px,10px)}
.info-card{padding:22px;min-height:330px}.empty-state{color:var(--muted)}.empty-state h2{color:var(--ucd-blue);margin-bottom:8px}.county-title{margin-bottom:4px}.county-subtitle{margin:0 0 18px;color:var(--muted)}.advisor-list{display:grid;gap:12px;margin:16px 0 20px}.advisor{border-left:4px solid var(--ucd-gold);background:var(--wash);padding:12px 14px;border-radius:0 6px 6px 0}.advisor p{margin:0 0 4px;color:var(--muted);font-size:.9rem}.link-list{display:grid;gap:10px}.action-link{display:inline-flex;width:fit-content;align-items:center;gap:6px;color:#005ea8;font-weight:700;text-decoration-thickness:1px;text-underline-offset:2px}.action-link:hover{color:var(--ucd-blue)}.no-advisor{margin:14px 0;padding:12px 14px;background:#fff8dd;border-left:4px solid var(--ucd-gold)}.app-footer{margin-top:18px;color:var(--muted);font-size:.83rem}.app-footer p{margin:0}
@media(max-width:760px){.app-shell{padding:14px}.layout{grid-template-columns:1fr}.map-wrap{min-height:0}#county-map{width:min(100%,470px);max-height:none}.map-heading{display:block}.map-key{display:inline-block;margin-top:8px}.info-card{min-height:0}}@media(max-width:430px){.select-row{flex-direction:column}.secondary-button{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}