.directions-page{--direction-line:#cdcdcd;--direction-paper:#f2f2f2;--direction-ink:#282828;color:var(--direction-ink)}
.directions-intro{padding-top:24px;padding-bottom:12px}
.directions-intro .breadcrumb{margin:0 0 22px}
.directions-heading{display:block;margin:0 0 12px}
.directions-heading h1{font:650 13px/1.7 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--wine);margin:0}
.directions-heading .eyebrow{margin-bottom:12px}
.directions-heading>p{max-width:480px;margin:0 0 3px;color:#555;line-height:1.8}
.directions-filter{position:relative;z-index:35;display:grid;grid-template-columns:1fr 1fr auto;gap:24px;align-items:end;background:#fff;border:1px solid var(--direction-line);padding:16px 20px;border-radius:14px}
.directions-filter .field{margin:0;min-width:0}
.directions-filter .field>span{display:block;margin-bottom:8px;font-size:12px}
.directions-filter select{width:100%;min-height:48px}
.directions-filter .button{min-height:50px;min-width:170px}
.directions-cities{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.directions-cities a{display:inline-flex;padding:10px 22px;border:1px solid #c9c9c9;border-radius:999px;line-height:1.5;background:transparent;text-decoration:none;font-size:14px}
.directions-cities a:hover,.directions-cities a:focus-visible{border-color:#74273b;background:#e9e9e9}
.directions-cities a[aria-current]{background:#282828;border-color:#282828;color:#fff}
.direction-summary{display:block;padding-top:4px;padding-bottom:22px}
.direction-summary h2{font-size:clamp(28px,2.5vw,36px);margin:0 0 12px}
.direction-summary .eyebrow{margin:0 0 10px}
.direction-summary>div>p:last-child{max-width:780px;margin-bottom:0;line-height:1.8}
.direction-summary-actions{display:grid;justify-items:start;gap:12px;min-width:250px}
.direction-counts{font-size:12px;color:#555;margin:0}
.direction-summary-actions .text-link{font-size:13px}
.directions-test-note{background:#e4e4e4;border-bottom:1px solid #c9c9c9;font-size:12px}
.directions-test-note>.container{display:flex;gap:16px;padding-top:12px;padding-bottom:12px}
.direction-test-status{font-size:13px;background:#e3e3e3;border:1px solid #c3c3c3;padding:9px 14px;border-radius:6px;margin:0}
.directions-page .panorama-wrap{margin-top:0}
.directions-list-heading{margin:0 0 30px}
.directions-list-heading h2{font-size:clamp(28px,3vw,42px);margin:0 0 16px}
.directions-page .district-card h3{font-size:28px;margin:18px 0}
.directions-page .district-card h3 a{display:flex;align-items:center;justify-content:space-between;gap:20px}
.direction-overview{padding-bottom:60px}
.direction-map-frame{position:relative;isolation:isolate;border-radius:16px;overflow:hidden;border:1px solid #c9c9c9;background:#e2e6e2}
.direction-map{height:clamp(360px,45vw,560px);width:100%;z-index:1}
.direction-map-label{position:absolute;left:24px;top:20px;z-index:500;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.95);padding:12px 18px;border-radius:9px;box-shadow:0 3px 20px #0001;margin:0;font-size:13px;pointer-events:none}
.direction-map-label i{font-size:20px}
.direction-map-status{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);z-index:500;max-width:80%;background:#fff;padding:12px 18px;border-radius:8px;font-size:12px}
.directions-page .direction-map .leaflet-control-zoom{margin-top:20px;margin-right:20px}
.direction-map-footnote{display:flex;justify-content:space-between;gap:24px;color:#616161;font-size:11px;line-height:1.7;margin:14px 0 36px}
.direction-map-footnote a{white-space:nowrap;text-decoration:underline;text-underline-offset:4px}
.direction-pin{background:#74273b;border:3px solid #fff;color:#fff;border-radius:50%;display:grid;place-items:center;box-shadow:0 2px 8px #0004}
.direction-pin i{font-size:18px}
.direction-request{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:44px;padding:36px;background:#e6e6e6;border-radius:14px;border:1px solid #cecece}
.direction-request h2{font-size:clamp(28px,3vw,38px);margin:0 0 18px}
.direction-request p:last-child{max-width:780px;line-height:1.8;margin:0}
.direction-preview-info{border-top:1px solid #cecece;padding-top:24px}
.direction-preview-info h2{font-size:28px}
@media(max-width:850px){.directions-heading{gap:24px;grid-template-columns:1fr}.directions-heading>p{max-width:100%}.direction-summary{gap:28px;grid-template-columns:1fr}.direction-summary-actions{grid-template-columns:1fr 1fr;align-items:center;min-width:0}.direction-counts,.direction-test-status{grid-column:1/-1}.directions-filter{gap:14px;padding:20px}.directions-filter .button{min-width:120px}.direction-request{grid-template-columns:1fr;gap:24px}.direction-request>.button{justify-self:start}}
@media(max-width:560px){.directions-intro{padding-top:20px}.directions-heading{margin:0 0 20px;gap:14px}.directions-heading>p{font-size:13px;line-height:1.7}.directions-filter{grid-template-columns:1fr 1fr;gap:14px;padding:16px}.directions-filter .field>span{font-size:11px}.directions-filter .select-trigger{padding:12px;font-size:12px}.directions-filter .button{grid-column:1/-1;width:100%}.directions-cities{display:none}.direction-summary{padding-top:14px;padding-bottom:24px;gap:20px}.direction-summary>div>p:last-child{font-size:13px;line-height:1.75}.direction-summary-actions{grid-template-columns:1fr 1fr;gap:12px}.direction-summary-actions>.button{width:100%;min-height:48px;padding:12px;font-size:11px;gap:8px}.direction-summary-actions>.button i{font-size:18px}.direction-summary-actions>.text-link{font-size:11px;justify-self:center;gap:8px}.direction-counts{grid-column:1/-1}.directions-test-note>.container{display:grid;gap:4px}.direction-map{height:370px}.direction-map-label{left:12px;top:12px;padding:10px 13px}.directions-page .direction-map .leaflet-control-zoom{margin-top:12px;margin-right:12px}.direction-map-footnote{display:block;margin-bottom:24px}.direction-map-footnote a{display:block;margin-top:8px;white-space:normal}.direction-request{padding:24px}.direction-request>.button{width:100%}.directions-page .district-card h3{font-size:25px}}

/* A compact introduction gives the panorama the main visual focus. */
.direction-summary-card{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:36px;align-items:center;padding:26px 30px;border:1px solid #d9d9d9;border-radius:16px;background:#fff;box-shadow:0 6px 24px #00000004}
.direction-summary-copy{min-width:0}
.direction-summary-card .eyebrow{font-size:11px;margin:0 0 6px}
.direction-summary-card h2{font:400 clamp(44px,4.5vw,64px)/1.12 var(--serif);margin:0 0 12px;letter-spacing:-.035em}
.direction-summary-description{max-width:760px;margin:0 0 16px;color:#535353;font-size:14px;line-height:1.75}
.direction-summary-facts{display:flex;flex-wrap:wrap;gap:12px 24px;list-style:none;margin:0;padding:0;color:#454545;font-size:13px;line-height:1.5}
.direction-summary-facts>li{display:flex;align-items:center;gap:7px}
.direction-summary-facts .ph{font-size:18px;color:var(--wine)}
.direction-summary-card .direction-summary-actions{display:grid;grid-template-columns:1fr;gap:10px;min-width:0;justify-items:stretch}
.direction-summary-card .direction-summary-actions>.button{width:100%;min-height:46px;padding:11px 18px;font-size:13px}
.direction-summary-card .direction-summary-actions>.button.outline{border-color:#d3d3d3;color:#333;background:#f7f7f7}
.direction-summary-card .direction-summary-actions>.button.outline:hover{border-color:var(--wine);color:var(--wine);background:#fff}
@media(max-width:850px){
 .direction-summary-card{grid-template-columns:1fr;gap:22px;padding:24px}
 .direction-summary-card .direction-summary-actions{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
 .directions-heading{margin-bottom:10px}
 .directions-heading h1{font-size:12px;letter-spacing:.09em;line-height:1.8}
 .direction-summary{padding-top:0;padding-bottom:18px}
 .direction-summary-card{padding:20px;gap:18px;border-radius:13px}
 .direction-summary-card h2{font-size:42px}
 .direction-summary-description{font-size:13px;line-height:1.7;margin-bottom:14px}
 .direction-summary-facts{font-size:12px;gap:9px 18px}
 .direction-summary-card .direction-summary-actions{grid-template-columns:1fr;gap:8px}
 .direction-summary-card .direction-summary-actions>.button{font-size:13px;min-height:44px}
}