:root{--navy:#12345b;--blue:#1769aa;--orange:#d96b27;--ink:#17212b;--muted:#536272;--line:#d7dee6;--panel:#f5f8fb;--focus:#ffbf47}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5;background:#fff}.wrap{max-width:1180px;margin:auto;padding:0 1.25rem}.site-header{background:var(--navy);color:#fff;border-bottom:6px solid var(--orange);padding:2.5rem 0}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;margin:0 0 .35rem;color:#cce4f8}.site-header h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.1;margin:.1rem 0}.subtitle{font-size:1.15rem;margin:.65rem 0 0;color:#e3eef8}.notice{margin:1.5rem 0;padding:1rem 1.25rem;border-left:6px solid var(--orange);background:#fff4eb}.notice h2{font-size:1.1rem;margin:0 0 .25rem}.notice p{margin:.2rem 0}.controls,.selected-card,.method{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:1.25rem;margin:1.25rem 0}.controls h2,.details h2,.section-heading h2,.method h2{margin:.1rem 0 .8rem;font-size:1.35rem}.control-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}label{font-weight:650;font-size:.9rem}input,select{display:block;width:100%;margin-top:.35rem;border:1px solid #8997a5;border-radius:5px;padding:.65rem;background:#fff;font:inherit;color:var(--ink)}input:focus,select:focus,button:focus,a:focus{outline:3px solid var(--focus);outline-offset:2px}.muted{color:var(--muted);font-size:.92rem}.map-section{margin-top:1.8rem}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.section-heading p{margin:0}.section-heading h2{margin-bottom:.5rem}#map{height:500px;border:1px solid var(--line);border-radius:8px;background:#eaf0f4}.selected-card{min-height:70px}.selected-card h3{margin:0 0 .5rem;color:var(--navy)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin:.8rem 0}.stat{background:#fff;border:1px solid var(--line);padding:.65rem;border-radius:5px}.stat strong{display:block;font-size:1.2rem;color:var(--blue)}.stat span{font-size:.8rem;color:var(--muted)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px;max-height:520px}table{border-collapse:collapse;width:100%;min-width:720px;background:#fff}th,td{text-align:left;padding:.7rem .8rem;border-bottom:1px solid var(--line);vertical-align:top}th{position:sticky;top:0;background:var(--navy);color:#fff;z-index:1}tbody tr:hover,tbody tr:focus-within{background:#eef6fd}button.row-button{border:0;background:transparent;color:var(--blue);font:inherit;font-weight:700;text-align:left;text-decoration:underline;cursor:pointer;padding:0}.method{margin:1.5rem 0}.method h2{margin-top:0}.site-footer{margin-top:2rem;padding:1.5rem 0;background:var(--navy);color:#e8f1f8;font-size:.9rem}.site-footer p{margin:.25rem 0}.site-footer a,.method a{color:var(--blue)}.site-footer a{color:#b8ddfa}.skip-link{position:absolute;left:-9999px;top:0;padding:.7rem;background:#fff;color:#000}.skip-link:focus{left:1rem;z-index:1000}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:800px){.control-grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.control-grid{grid-template-columns:1fr}.section-heading{display:block}#map{height:400px}.wrap{padding:0 1rem}}
 .profile-picker{grid-column:1/-1;border:0;padding:0;margin:0}.profile-picker legend{font-weight:650;font-size:.9rem;margin-bottom:.4rem}.profile-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}.profile{min-height:7rem;padding:.5rem .25rem;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem}.profile:hover,.profile.selected{border-color:var(--blue);background:#eaf4fc;box-shadow:inset 0 -3px 0 var(--blue)}.profile-icon{font-size:1.8rem;line-height:1.2;white-space:nowrap}.profile span:not(.profile-icon){font-weight:700;font-size:.82rem}.profile small{color:var(--muted);font-size:.72rem}.profile-note{margin:.6rem 0 0;color:var(--muted);font-size:.85rem}
@media(max-width:800px){.profile-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:520px){.profile-grid{grid-template-columns:repeat(2,1fr)}}
.legend-help{font-weight:400;color:var(--muted);font-size:.82rem;margin-left:.35rem}.profile{border-radius:4px;min-height:6.5rem;transition:background .12s,border-color .12s}.profile-icon{display:grid;place-items:center;width:2.5rem;height:2.5rem;font-size:1.9rem;line-height:1}.profile:hover,.profile.selected{box-shadow:none}.profile.selected .profile-icon{filter:saturate(1.15)}.profile:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
 .map-card{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(18,52,91,.10)}.map-legend{display:flex;align-items:center;flex-wrap:wrap;gap:.85rem 1.25rem;padding:.7rem 1rem;border-top:1px solid var(--line);background:#fbfcfd;color:var(--muted);font-size:.82rem}.legend-title{font-weight:750;color:var(--ink);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem}.legend-line{display:inline-block;width:2rem;height:0;margin-right:.4rem;vertical-align:middle;border-top:3px solid var(--blue)}.legend-line.priority{border-top:4px solid var(--orange)}.leaflet-control-zoom{border:0!important;box-shadow:0 2px 10px rgba(23,33,43,.18)!important}.leaflet-control-zoom a{width:2rem!important;height:2rem!important;line-height:2rem!important;color:var(--navy)!important;background:#fff!important;border:0!important}.leaflet-control-zoom a:hover{background:#eef6fd!important;color:var(--blue)!important}.leaflet-popup-content-wrapper,.leaflet-popup-tip{box-shadow:0 4px 18px rgba(23,33,43,.18)}.leaflet-popup-content{margin:1rem 1.1rem;line-height:1.55}.leaflet-popup-content strong{color:var(--navy)}.leaflet-control-attribution{background:rgba(255,255,255,.9)!important;border-radius:4px 0 0 0;padding:.2rem .4rem!important}
 #map{height:520px;border:0;border-radius:0}
 .crossing-street-label{padding-top:1.35rem}.crossing-street-label>span:first-child{position:absolute;margin-top:-1.95rem;font-size:1.1rem;font-weight:750;color:var(--muted)}.legend-line.crossing{border-top:5px solid #f2a900}
 .crossing-street-label{position:relative}
.crossing-status{flex-basis:100%;font-weight:700;color:var(--navy);padding-top:.2rem}.legend-line.crossing{border-top-color:#e4572e}.legend-line.approach{border-top-color:#2f80ed;border-top-style:dashed}
 .direction-picker{grid-column:1/-1;border:0;border-top:1px solid var(--line);padding:.75rem 0 0;margin:.25rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}.direction-picker legend{font-weight:700;width:100%;font-size:.85rem}.direction-picker label{font-weight:500;font-size:.85rem;color:var(--muted)}.direction-picker input{display:inline-block;width:auto;margin:0 .3rem 0 0;accent-color:var(--blue)}.legend-line.approach{border-top:5px solid var(--blue)}
 .crossing-context{margin:.35rem 0 .7rem;padding:.65rem .8rem;border-left:4px solid #e4572e;background:#fff4eb;color:var(--ink)}
 .secondary-button{border:1px solid #8997a5;border-radius:4px;background:#fff;color:var(--navy);font:inherit;font-weight:700;padding:.55rem .8rem;cursor:pointer}.secondary-button:hover{background:#eef6fd;border-color:var(--blue)}.secondary-button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
 .scene-section{margin:1.5rem 0;padding:1.25rem;background:var(--panel);border:1px solid var(--line);border-radius:8px}.scene-intro{margin:.2rem 0 1rem;color:var(--muted);font-size:.92rem}.scene-stage{position:relative;height:270px;overflow:hidden;border:1px solid #b7c4d0;border-radius:8px;background:linear-gradient(#b9d9ec 0 48%,#dbe7ed 48% 100%);perspective:700px}.scene-sky{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.28),transparent 55%);pointer-events:none}.scene-road{position:absolute;left:-10%;right:-10%;top:38%;height:70%;transform:rotateX(56deg);transform-origin:top center;background:#384754;border-top:8px solid #f2f5f6;box-shadow:0 -8px 0 #98aab5}.scene-road:before,.scene-road:after{content:"";position:absolute;left:0;right:0;border-top:3px dashed rgba(255,255,255,.7)}.scene-road:before{top:42%}.scene-road:after{top:72%}.scene-crosswalk{position:absolute;left:35%;top:0;width:30%;height:100%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.95) 0 12px,transparent 12px 24px)}.scene-curb{position:absolute;left:0;right:0;height:9px;background:#d5dadd;z-index:2}.curb-near{bottom:0}.curb-far{top:0}.scene-person{position:absolute;top:43%;left:10%;z-index:4;font-size:2rem;filter:drop-shadow(0 3px 2px rgba(0,0,0,.3));transition:left .15s linear}.scene-person.scene-incomplete{filter:grayscale(1) drop-shadow(0 3px 2px rgba(0,0,0,.3))}.scene-timer{position:absolute;right:1rem;top:1rem;z-index:5;padding:.45rem .7rem;border-radius:5px;background:var(--navy);color:#fff;font-weight:750;font-variant-numeric:tabular-nums;box-shadow:0 2px 8px rgba(0,0,0,.2)}.scene-summary{margin:.8rem 0 0;font-weight:650}.scene-section .section-heading{margin-bottom:.1rem}@media(prefers-reduced-motion:reduce){.scene-person{transition:none}}
 .control-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.control-grid>datalist{display:none}.direction-picker{grid-column:1/3}.control-grid>.secondary-button{grid-column:3;align-self:end;white-space:nowrap}.profile-picker{grid-column:1/-1}
@media(max-width:800px){.control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.direction-picker,.control-grid>.secondary-button{grid-column:1/-1}.control-grid>.secondary-button{justify-self:start}}
@media(max-width:520px){.control-grid{grid-template-columns:1fr}}
@media(min-width:521px) and (max-width:800px){.profile-grid{grid-template-columns:repeat(7,minmax(82px,1fr));overflow-x:auto}.profile{min-width:82px}}
 .section-help{margin:-.35rem 0 1rem;color:var(--muted);font-size:.92rem}.details{padding:1.25rem;margin:1.25rem 0;background:var(--panel);border:1px solid var(--line);border-radius:8px}.details h2{margin:.1rem 0 .8rem}.details .selected-card{margin:0;background:#fff}.details .crossing-context{margin-top:0}.scene-section{box-shadow:0 2px 8px rgba(18,52,91,.04)}
 .input-label{display:block;font-weight:750;color:var(--navy);font-size:.9rem}.crossing-street-label{padding-top:0}.direction-picker{gap:.55rem 1rem}.direction-option{display:flex;align-items:center;min-height:2.7rem;padding:.5rem .7rem;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink)!important;transition:border-color .12s,background .12s}.direction-option:has(input:checked){border-color:var(--blue);background:#eaf4fc;color:var(--navy)!important;font-weight:700}.direction-option input{flex:0 0 auto}.crossing-status{display:inline-flex;align-items:center;min-height:1.8rem;padding:.25rem .6rem;border-radius:999px;background:#eef3f7;color:var(--navy)}
 .crossing-street-label>span:first-child{position:static;margin:0;font-size:.9rem;font-weight:750;color:var(--navy)}
 .street-data{margin:1.25rem 0;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:0 1.25rem}.street-data summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:3.5rem;cursor:pointer;font-weight:750;color:var(--navy);list-style-position:inside}.street-data summary::marker{color:var(--orange)}.street-data[open] summary{border-bottom:1px solid var(--line);margin-bottom:1rem}.street-data>p{margin:.8rem 0}.street-data .table-wrap{margin-bottom:1.25rem}
 .scene-label{position:absolute;z-index:5;padding:.25rem .45rem;border-radius:4px;background:rgba(255,255,255,.88);color:var(--navy);font-size:.72rem;font-weight:750;box-shadow:0 1px 4px rgba(0,0,0,.15)}.scene-start{left:7%;top:48%}.scene-end{right:7%;top:48%}.scene-road-name{left:50%;top:27%;transform:translateX(-50%);max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-distance{position:absolute;z-index:5;left:50%;bottom:1rem;transform:translateX(-50%);color:#fff;font-size:.8rem;font-weight:750;letter-spacing:.03em;text-shadow:0 1px 2px #17212b}.scene-summary{padding:.7rem .8rem;border-left:4px solid var(--line);background:#fff}.scene-summary.scene-success{border-color:#2f855a;background:#eefaf2}.scene-summary.scene-warning{border-color:#d96b27;background:#fff4eb}
 .controls{padding:1rem;margin:1rem 0}.controls h2{margin:.05rem 0 .45rem}.control-grid{gap:.65rem}.profile-grid{gap:.35rem}.profile{min-height:5.25rem;padding:.35rem .2rem}.profile-icon{width:2.15rem;height:2.15rem;font-size:1.65rem}.profile span:not(.profile-icon){font-size:.78rem}.profile small{font-size:.68rem}.profile-note{margin:.4rem 0 0}.direction-picker{padding-top:.55rem;margin-top:.1rem}.direction-option{min-height:2.35rem;padding:.35rem .55rem}
/* Retro arcade visual theme: high contrast, square panels, and readable data. */
:root{--navy:#211a4b;--blue:#197b9e;--orange:#f06b45;--ink:#211f35;--muted:#5b5870;--line:#b9b4c8;--panel:#fff8df;--focus:#ffe45c}body{background:#f5edcf;font-family:"Courier New",ui-monospace,monospace;letter-spacing:.01em}.site-header{background:var(--navy);border-bottom:8px solid var(--orange);box-shadow:0 5px 0 #151131}.site-header h1{letter-spacing:.02em;text-shadow:3px 3px 0 var(--orange)}.subtitle{font-family:system-ui,sans-serif}.notice,.controls,.details,.scene-section,.street-data,.method{border:3px solid var(--navy);border-radius:0;box-shadow:6px 6px 0 rgba(33,26,75,.18)}.notice{background:#fff0c4;border-left:8px solid var(--orange)}.controls,.scene-section,.street-data,.method,.details{background:var(--panel)}.profile,.direction-option,.secondary-button,input,select{border:2px solid var(--navy);border-radius:0}.profile:hover,.profile.selected,.direction-option:has(input:checked){border-color:var(--orange);background:#ffeec4;box-shadow:3px 3px 0 rgba(240,107,69,.35)}.profile-icon{border:2px solid var(--navy);border-radius:2px}.profile.selected .profile-icon{border-color:var(--orange)}.secondary-button{background:#fff0c4;box-shadow:3px 3px 0 var(--navy)}.map-card{border:3px solid var(--navy);border-radius:0;box-shadow:6px 6px 0 rgba(33,26,75,.18)}.map-legend{background:#fff8df;border-top:3px solid var(--navy)}.selected-card{border:2px dashed var(--navy);border-radius:0}.stat{border:2px solid var(--navy);border-radius:0;background:#fffdf2}.stat strong{color:var(--orange)}.crossing-context{border-left:6px solid var(--orange);border-radius:0;background:#fff0c4}.scene-stage{border:3px solid var(--navy);border-radius:0}.scene-timer{border:2px solid #fff;color:#ffe45c;border-radius:0}.scene-summary{border-left-width:6px;border-radius:0}.site-footer{background:var(--navy);border-top:8px solid var(--orange)}
 .profile{position:relative;min-height:6rem;gap:.25rem;overflow:hidden}.profile-icon{width:3rem;height:3rem;padding:.25rem;background:#fff0c4;box-shadow:3px 3px 0 var(--navy);font-size:2rem}.profile.selected{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--orange)}.profile.selected .profile-icon{background:#fff;color:initial;box-shadow:2px 2px 0 var(--orange)}.profile span:not(.profile-icon){max-width:100%;line-height:1.1;overflow-wrap:anywhere}.profile small{line-height:1.1}
body{font-family:"VT323","Courier New",monospace;font-size:1.18rem}.site-header h1,.controls h2,.details h2,.scene-section h2,.street-data summary,.method h2,.map-section h2{font-family:"Press Start 2P","Courier New",monospace;letter-spacing:0;font-size:1rem;line-height:1.6}.site-header h1{font-size:clamp(1.25rem,4vw,2.4rem);line-height:1.35}.eyebrow,.profile small,.muted,.scene-intro,.section-help,.result-count{font-family:"VT323","Courier New",monospace}.profile span:not(.profile-icon),.direction-option,.secondary-button,input,select{font-family:"VT323","Courier New",monospace;font-size:1.1rem}.profile small{font-size:1rem}
:root{--navy:#28134f;--blue:#147d92;--orange:#ff8c42;--pink:#ee4d8d;--cyan:#20b9c4;--lime:#9ac53d;--purple:#7651b8;--ink:#251d3b;--muted:#5e5578;--line:#c9b9dc;--panel:#fff3c4;--focus:#ffe45c}body{background:#f1e7ff}.site-header{background:var(--navy);border-bottom-color:var(--pink)}.site-header h1{text-shadow:3px 3px 0 var(--purple)}.notice{background:#fff0b3;border-left-color:var(--pink)}.profile:nth-child(1) .profile-icon{background:#bdeff0}.profile:nth-child(2) .profile-icon{background:#d9f3a5}.profile:nth-child(3) .profile-icon{background:#e9d5ff}.profile:nth-child(4) .profile-icon{background:#ffd1e5}.profile:nth-child(5) .profile-icon{background:#c8e7ff}.profile:nth-child(6) .profile-icon{background:#ffe09a}.profile:nth-child(7) .profile-icon{background:#d4c8ff}.profile.selected{border-color:var(--pink);background:#ffe0ec;box-shadow:4px 4px 0 var(--purple)}.profile.selected .profile-icon{border-color:var(--pink);box-shadow:2px 2px 0 var(--pink)}.direction-option:has(input:checked){border-color:var(--cyan);background:#d9f7f5}.direction-option:nth-of-type(2):has(input:checked){border-color:var(--pink);background:#ffe0ec}.stat:nth-child(1){border-top:4px solid var(--cyan)}.stat:nth-child(2){border-top:4px solid var(--pink)}.stat:nth-child(3){border-top:4px solid var(--lime)}.stat:nth-child(4){border-top:4px solid var(--purple)}.stat strong{color:var(--purple)}.scene-timer{background:var(--purple);border-color:var(--cyan)}.legend-line.crossing{border-top-color:var(--pink)}.legend-line.approach{border-top-color:var(--cyan)}.scene-summary.scene-success{border-color:var(--lime);background:#eff9d9}.scene-summary.scene-warning{border-color:var(--orange);background:#fff0c4}.site-footer{border-top-color:var(--pink)}
@media(max-width:600px){body{font-size:1.08rem}.wrap{padding:0 .75rem}.site-header{padding:1.5rem 0 1.75rem}.site-header h1{font-size:1.15rem;line-height:1.45}.subtitle{font-size:1rem}.notice,.controls,.details,.scene-section,.street-data,.method{box-shadow:3px 3px 0 rgba(33,26,75,.18);padding:.85rem}.controls h2,.details h2,.scene-section h2,.street-data summary,.method h2,.map-section h2{font-size:.78rem;line-height:1.7}.control-grid{grid-template-columns:1fr;gap:.6rem}.direction-picker,.control-grid>.secondary-button{grid-column:1/-1}.direction-picker{display:block}.direction-option{margin:.4rem 0;min-height:2.75rem}.control-grid>.secondary-button{justify-self:stretch;width:100%;min-height:2.75rem}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.profile{min-height:5.5rem}.profile-icon{width:2.5rem;height:2.5rem;font-size:1.8rem}.section-heading{display:block}.section-heading p{margin-top:.35rem}.map-card{box-shadow:3px 3px 0 rgba(33,26,75,.18)}#map{height:360px}.map-legend{align-items:flex-start;flex-direction:column;gap:.45rem;padding:.65rem .75rem}.crossing-status{width:100%;border-radius:5px}.scene-stage{height:230px}.scene-road-name{max-width:42%;font-size:.65rem}.scene-start,.scene-end{top:49%;font-size:.65rem}.scene-timer{right:.6rem;top:.6rem}.scene-summary{font-size:1rem}.stats{grid-template-columns:repeat(2,1fr);gap:.45rem}.stat{padding:.5rem}.street-data summary{display:block;padding:.75rem 0}.street-data summary .muted{display:block;margin-top:.25rem}.table-wrap{max-height:420px}input,select{min-height:2.75rem}}
 .profile:nth-child(1) .profile-icon,.profile.selected:nth-child(1) .profile-icon{background:#9de7e5}.profile:nth-child(2) .profile-icon,.profile.selected:nth-child(2) .profile-icon{background:#b9e77b}.profile:nth-child(3) .profile-icon,.profile.selected:nth-child(3) .profile-icon{background:#c9a7f5}.profile:nth-child(4) .profile-icon,.profile.selected:nth-child(4) .profile-icon{background:#f79ac0}.profile:nth-child(5) .profile-icon,.profile.selected:nth-child(5) .profile-icon{background:#8fd3ff}.profile:nth-child(6) .profile-icon,.profile.selected:nth-child(6) .profile-icon{background:#ffd166}.profile:nth-child(7) .profile-icon,.profile.selected:nth-child(7) .profile-icon{background:#a99bea}.profile.selected .profile-icon{border-color:var(--pink);box-shadow:2px 2px 0 var(--pink)}
 .profile.selected:nth-child(1){background:#9de7e5;border-color:#147d92}.profile.selected:nth-child(2){background:#b9e77b;border-color:#5f8f22}.profile.selected:nth-child(3){background:#c9a7f5;border-color:#7651b8}.profile.selected:nth-child(4){background:#f79ac0;border-color:#b52e68}.profile.selected:nth-child(5){background:#8fd3ff;border-color:#17628f}.profile.selected:nth-child(6){background:#ffd166;border-color:#ae7410}.profile.selected:nth-child(7){background:#a99bea;border-color:#4f3b9a}.profile.selected:nth-child(n){box-shadow:4px 4px 0 var(--navy)}
 .map-card{border-color:var(--orange);box-shadow:7px 7px 0 var(--navy);background:var(--navy)}.map-legend{background:var(--navy);border-top:3px solid var(--orange);color:#fff3c4;font-family:"VT323","Courier New",monospace;font-size:1rem}.map-legend .legend-title{color:var(--cyan);font-family:"Press Start 2P","Courier New",monospace;font-size:.65rem}.crossing-status{background:#3a2367;color:#fff3c4;border:1px solid var(--purple)}.leaflet-control-zoom{border:3px solid var(--orange)!important;border-radius:0!important;box-shadow:4px 4px 0 var(--navy)!important;overflow:hidden}.leaflet-control-zoom a{width:2.25rem!important;height:2.25rem!important;line-height:2.25rem!important;background:var(--navy)!important;color:#ffe45c!important;border-bottom:1px solid var(--orange)!important;font-family:"Press Start 2P",monospace;font-size:.8rem!important}.leaflet-control-zoom a:last-child{border-bottom:0!important}.leaflet-control-zoom a:hover{background:var(--purple)!important;color:#fff!important}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:var(--navy);color:#fff3c4;border:2px solid var(--orange);border-radius:0;box-shadow:5px 5px 0 rgba(33,26,75,.45)}.leaflet-popup-content{font-family:"VT323","Courier New",monospace;font-size:1.05rem}.leaflet-popup-content strong{color:var(--cyan)}.leaflet-popup-close-button{color:#ffe45c!important;font-size:1.4rem!important}.leaflet-control-attribution{background:rgba(40,19,79,.9)!important;color:#fff3c4!important;border:1px solid var(--orange);border-radius:0!important}.leaflet-control-attribution a{color:#9de7e5!important}
 label:has(.street-suggestions){position:relative}.street-suggestions{display:none;position:absolute;left:0;right:0;top:100%;z-index:1000;margin-top:3px;border:2px solid var(--navy);background:var(--panel);box-shadow:4px 4px 0 var(--navy);max-height:15rem;overflow:auto}.street-suggestions.visible{display:block}.street-suggestion{display:block;width:100%;padding:.5rem .65rem;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.street-suggestion:last-child{border-bottom:0}.street-suggestion:hover,.street-suggestion:focus{background:#d9f7f5;color:var(--navy);outline:0}
 .scene-stage{height:300px;background:linear-gradient(180deg,#8ed9e5 0 43%,#d6f0d0 43% 100%);isolation:isolate}.scene-road{left:5%;right:5%;top:37%;height:63%;transform:none;transform-origin:initial;clip-path:polygon(3% 0,97% 0,100% 100%,0 100%);background:#34314f;border-top:7px solid #fff3c4;box-shadow:0 -8px 0 #7651b8}.scene-road:before{top:47%;border-color:rgba(255,243,196,.65)}.scene-road:after{top:76%;border-color:rgba(255,243,196,.65)}.scene-crosswalk{left:38%;width:24%;transform:skewX(-4deg);background:repeating-linear-gradient(90deg,#fffdf2 0 13px,transparent 13px 25px)}.scene-curb{background:#fff3c4}.scene-person{top:48%;transition:none;will-change:left}.scene-start,.scene-end{top:51%}.scene-road-name{top:29%;background:rgba(40,19,79,.92);color:#fff3c4;border:1px solid var(--orange)}.scene-distance{bottom:.8rem}.scene-timer{font-family:"Press Start 2P",monospace;font-size:.65rem;min-width:6.5rem;text-align:center}.scene-summary{min-height:3.1rem;display:flex;align-items:center}
 .scene-signal{position:absolute;left:1rem;top:1rem;z-index:6;padding:.5rem .65rem;border:2px solid var(--navy);background:#fff3c4;color:var(--navy);font-family:"Press Start 2P",monospace;font-size:.6rem;box-shadow:3px 3px 0 var(--navy)}.scene-signal span{font-size:1.4rem;vertical-align:middle}.scene-signal.signal-walk{background:#d9f7f5;border-color:#147d92;color:#147d92}.scene-signal.signal-hand{background:#ffe0ec;border-color:#b52e68;color:#b52e68}
 .vote-panel{margin-top:1rem;padding:1rem;border:3px solid var(--purple);background:#f1e7ff;box-shadow:4px 4px 0 var(--navy)}.vote-panel h3{margin:0 0 .35rem;font-family:"Press Start 2P",monospace;font-size:.75rem;line-height:1.6;color:var(--navy)}.vote-actions{display:flex;flex-wrap:wrap;gap:.6rem}.vote-actions button{min-height:2.7rem;padding:.55rem .8rem;border:2px solid var(--navy);border-radius:0;background:#fff3c4;color:var(--navy);font:inherit;cursor:pointer}.vote-actions button:hover,.vote-actions button:focus-visible{background:#d9f7f5;outline:3px solid var(--focus);outline-offset:2px}.vote-actions button.chosen{background:#b9e77b;border-color:#5f8f22;box-shadow:3px 3px 0 var(--navy)}.vote-counts{margin:.7rem 0 0;font-weight:700;color:var(--purple)}
 .scene-restart{margin-top:.75rem}.scene-restart:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
 .scene-horizon{position:absolute;left:0;right:0;top:18%;height:28%;z-index:1}.scene-building{position:absolute;bottom:0;background:#7651b8;border:2px solid #28134f;box-shadow:inset 8px 0 rgba(255,255,255,.12)}.building-a{left:8%;width:13%;height:62%}.building-b{left:25%;width:11%;height:88%;background:#ee4d8d}.building-c{right:11%;width:17%;height:72%;background:#147d92}.scene-building:after{content:"";position:absolute;inset:12% 18%;background:repeating-linear-gradient(90deg,#ffe45c 0 7px,transparent 7px 15px);opacity:.8}.scene-tree{position:absolute;bottom:0;width:2.3rem;height:3rem;border-radius:50%;background:#9ac53d;box-shadow:0 1.8rem 0 -.7rem #7651b8}.tree-a{left:39%}.tree-b{right:33%;transform:scale(.8)}.scene-sidewalk{position:absolute;left:0;right:0;height:8px;z-index:3;background:#d7cfe5;border-top:2px solid #fff3c4;border-bottom:2px solid #7651b8}.sidewalk-far{top:38%}.sidewalk-near{bottom:2%;height:12px}.scene-signal-pole{position:absolute;right:17%;top:13%;height:54%;width:5px;z-index:4;background:#28134f}.scene-signal-pole:after{content:"";position:absolute;top:0;left:-2.4rem;width:2.5rem;border-top:5px solid #28134f}.scene-signal-box{position:absolute;top:-.3rem;left:-.7rem;width:1.35rem;padding:.2rem;background:#28134f;border:2px solid #ff8c42}.scene-signal-box i{display:block;width:.55rem;height:.55rem;margin:.12rem auto;border-radius:50%;background:#ee4d8d}.scene-signal-box i:nth-child(2){background:#ffe45c}.scene-signal-box i:nth-child(3){background:#9ac53d}.scene-road{z-index:2}.scene-person{z-index:5}
 .scene-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin:.75rem 0}.scene-stats>div{padding:.55rem .7rem;border:2px solid var(--navy);background:#fff3c4;box-shadow:2px 2px 0 var(--purple)}.scene-stats span{display:block;color:var(--muted);font-size:.85rem}.scene-stats strong{display:block;margin-top:.15rem;color:var(--navy);font-size:1.25rem}.scene-stats>div:nth-child(2){background:#d9f7f5}.scene-stats>div:nth-child(3){background:#ffe0ec}@media(max-width:600px){.scene-stats{gap:.35rem}.scene-stats>div{padding:.45rem}.scene-stats span{font-size:.75rem}.scene-stats strong{font-size:1.05rem}}
 .journey-inputs{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(11rem,1fr) auto minmax(11rem,1fr) auto auto;align-items:end;gap:.55rem}.journey-intro,.journey-connector{padding-bottom:.7rem;font-weight:750;color:var(--navy);white-space:nowrap}.journey-inputs label{position:relative}.journey-inputs .secondary-button{min-height:2.75rem;white-space:nowrap}.journey-inputs .input-label{font-size:.82rem;margin-bottom:.2rem;color:var(--muted)}
@media(max-width:800px){.journey-inputs{grid-template-columns:auto minmax(10rem,1fr) auto minmax(10rem,1fr);}.journey-inputs #swap-crossing{grid-column:3;grid-row:2}.journey-inputs #reset-crossing{grid-column:4;grid-row:2;}}
@media(max-width:600px){.journey-inputs{grid-template-columns:1fr;gap:.35rem}.journey-intro,.journey-connector{padding:0}.journey-connector{font-size:1rem}.journey-inputs .secondary-button,.journey-inputs #swap-crossing,.journey-inputs #reset-crossing{grid-column:1;grid-row:auto;width:100%;margin-top:.35rem}}
 .profile{min-height:4.7rem}.profile-icon{width:2rem;height:2rem;font-size:1.45rem;box-shadow:2px 2px 0 var(--navy)}.profile.selected .profile-icon{box-shadow:1px 1px 0 var(--pink)}.map-card{position:relative}.map-distance{position:absolute;z-index:500;top:1rem;left:50%;transform:translateX(-50%);padding:.55rem .8rem;border:2px solid var(--pink);background:var(--navy);color:#fff3c4;font-family:"Press Start 2P",monospace;font-size:.62rem;line-height:1.6;box-shadow:3px 3px 0 var(--pink);white-space:nowrap}.map-distance[hidden]{display:none}@media(max-width:600px){.profile{min-height:5rem}.profile-icon{width:2.15rem;height:2.15rem}.map-distance{left:.75rem;right:.75rem;transform:none;text-align:center;font-size:.55rem;white-space:normal}}
 .legend-dot{display:inline-block;width:.85rem;height:.85rem;margin-right:.4rem;vertical-align:-.08rem;border:2px solid #fff3c4;border-radius:50%;background:var(--pink)}.legend-dot.approach{background:var(--cyan)}
 .profile-icon{display:flex;align-items:center;justify-content:center;flex:0 0 2.15rem;width:2.15rem;height:2.15rem;padding:0;text-align:center;line-height:1;overflow:hidden}.profile:nth-child(4) .profile-icon{font-size:1.3rem}.profile:nth-child(5) .profile-icon{font-size:1.15rem;letter-spacing:-.12em}.profile span:not(.profile-icon){display:block;text-align:center}
 .profile{align-items:center;justify-content:center;text-align:center}.profile-icon{margin-left:auto;margin-right:auto;align-self:center;line-height:1;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif}
 .profile-svg{display:block;width:1.85rem;height:2.2rem;overflow:visible}.profile-svg .person-shadow{fill:rgba(40,19,79,.25)}.profile-svg .person-head{fill:#ffb86b;stroke:var(--navy);stroke-width:1.15}.profile-svg .person-hair{fill:var(--navy);stroke:var(--navy);stroke-width:.8;stroke-linejoin:round}.profile-svg .person-eye{fill:var(--navy)}.profile-svg .person-neck{fill:none;stroke:#ffb86b;stroke-width:2;stroke-linecap:round}.profile-svg .person-shirt{fill:var(--cyan);stroke:var(--navy);stroke-width:1.15;stroke-linejoin:round}.profile-svg .person-arm{fill:none;stroke:#ffb86b;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}.profile-svg .person-pants{fill:var(--purple);stroke:var(--navy);stroke-width:1.1;stroke-linejoin:round}.profile-svg .person-leg{fill:none;stroke:var(--purple);stroke-width:2.35;stroke-linecap:round;stroke-linejoin:round}.profile-svg .person-shoe{fill:var(--pink);stroke:var(--navy);stroke-width:1;stroke-linejoin:round}.profile.selected .profile-svg .person-head{stroke:var(--pink)}
 .profile-overlay{position:absolute;z-index:500;top:4.1rem;right:.75rem;width:min(18rem,calc(100% - 1.5rem));max-height:calc(100% - 4.8rem);overflow:auto;padding:.7rem;border:3px solid var(--navy);background:#fff3c4;color:var(--navy);box-shadow:4px 4px 0 var(--purple)}.profile-overlay[hidden]{display:none}.profile-overlay-title{font-family:"Press Start 2P",monospace;font-size:.65rem;line-height:1.5}.profile-overlay-subtitle{margin:.25rem 0 .55rem;color:var(--muted);font-size:.95rem}.profile-results{display:grid;gap:.35rem}.profile-result{display:grid;grid-template-columns:1.8rem 1fr auto;align-items:center;gap:.4rem;padding:.35rem;border:2px solid var(--navy);background:#fffdf2}.profile-result.can-cross{background:#d9f7f5;border-color:var(--blue)}.profile-result.cannot-cross{background:#ffe0ec;border-color:var(--pink)}.profile-result.unknown{background:#eee8f8;border-color:var(--muted)}.profile-result-icon{font-size:1.35rem;text-align:center;line-height:1}.profile-result-name{font-weight:700;font-size:1rem;line-height:1.05}.profile-result-name small{display:block;margin-top:.15rem;color:var(--muted);font-size:.85rem;font-weight:400}.profile-result strong{font-family:"Press Start 2P",monospace;font-size:.58rem}.can-cross strong{color:#147d92}.cannot-cross strong{color:#b52e68}.unknown strong{color:var(--muted)}.profile-overlay-note{display:block;margin-top:.55rem;color:var(--muted);font-size:.82rem;line-height:1.15}@media(max-width:600px){.profile-overlay{top:4.3rem;right:.5rem;width:calc(100% - 1rem);max-height:calc(100% - 5rem)}.profile-result-name{font-size:.95rem}}
 .profile-overlay{width:min(22rem,calc(100% - 1.5rem));padding:.9rem}.profile-overlay-title{font-size:.75rem}.profile-overlay-subtitle{font-size:1.05rem;margin:.35rem 0 .7rem}.profile-results{gap:.45rem}.profile-result{grid-template-columns:2.35rem 1fr auto;gap:.55rem;padding:.5rem;min-height:3.25rem}.profile-result-icon{display:flex;align-items:center;justify-content:center;width:2.15rem;height:2.15rem;border:2px solid var(--navy);background:#fff3c4;font-size:1.55rem}.profile-result-name{font-size:1.1rem}.profile-result-name small{font-size:.9rem}.profile-result strong{font-size:.68rem}.profile-overlay-note{font-size:.9rem;line-height:1.2}@media(max-width:600px){.profile-overlay{width:calc(100% - 1rem);padding:.7rem}.profile-result{min-height:3rem}.profile-result-name{font-size:1rem}}
 .profile-overlay{top:4.1rem;bottom:6rem;width:min(20rem,calc(100% - 1.5rem));max-height:none;height:auto}.profile-overlay .profile-results{max-height:100%;overflow-y:auto}@media(max-width:600px){.profile-overlay{top:4.3rem;bottom:10.5rem;width:calc(100% - 1rem)}}
@font-face{font-family:"LocalSiteFont";src:url("n712kv0.6.0/n712kv0.6.0-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:"LocalSiteFont";src:url("n712kv0.6.0/n712kv0.6.0-Italic.woff2") format("woff2");font-style:italic;font-weight:400;font-display:swap}body{font-family:"LocalSiteFont","VT323","Courier New",monospace}.site-header h1,.controls h2,.details h2,.scene-section h2,.street-data summary,.method h2,.map-section h2,.profile-overlay,.profile-overlay input,.profile-overlay button{font-family:"LocalSiteFont","VT323","Courier New",monospace}.profile-overlay{width:min(18.5rem,calc(100% - 1.5rem));padding:.6rem;top:4rem;bottom:6rem}.profile-overlay-title{font-size:.67rem}.profile-overlay-subtitle{font-size:.9rem;margin:.2rem 0 .45rem}.profile-results{gap:.28rem;max-height:none;overflow:visible}.profile-result{grid-template-columns:1.85rem 1fr auto;gap:.35rem;padding:.3rem;min-height:2.5rem}.profile-result-icon{width:1.7rem;height:1.7rem;font-size:1.2rem}.profile-result-name{font-size:.95rem}.profile-result-name small{font-size:.76rem;margin-top:.08rem}.profile-result strong{font-size:.55rem}.profile-overlay-note{font-size:.75rem;margin-top:.35rem}@media(max-width:600px){.profile-overlay{width:calc(100% - 1rem);top:4rem;bottom:10.5rem;padding:.5rem}.profile-result{min-height:2.35rem}.profile-result-name{font-size:.9rem}.profile-result-name small{font-size:.72rem}}
body{font-size:16px;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}
body,button,input,select,textarea,.site-header h1,.controls h2,.details h2,.scene-section h2,.street-data summary,.method h2,.map-section h2,.map-legend,.leaflet-popup-content,.leaflet-control-zoom a,.profile-overlay{font-family:"Press Start 2P",monospace;letter-spacing:normal;-webkit-font-smoothing:auto;text-rendering:optimizeLegibility}
body{letter-spacing:.166667em}.site-header h1,.controls h2,.details h2,.scene-section h2,.street-data summary,.method h2,.map-section h2,.profile-overlay{letter-spacing:.166667em}.profile-icon,.profile-result-icon{letter-spacing:normal}
body,body .site-header h1,body .controls h2,body .details h2,body .scene-section h2,body .street-data summary,body .method h2,body .map-section h2,body .profile-overlay{letter-spacing:normal}
body{font-size:12px}.site-header h1{font-size:24px}.subtitle,.notice p,.section-help,.muted,.method p,.site-footer p{font-size:12px}.controls h2,.details h2,.scene-section h2,.street-data summary,.method h2,.map-section h2{font-size:12px;line-height:1.7}button,input,select{font-size:12px}.profile-overlay-title{font-size:9px}.profile-overlay-subtitle{font-size:8px}.profile-result-name{font-size:9px}.profile-result-name small{font-size:7px}.profile-result strong{font-size:8px}.profile-overlay-note{font-size:7px}
#result-count{font-size:14px}input{font-size:10px}input::placeholder{font-size:10px}
.street-suggestions{max-height:11rem}.street-suggestion{font-size:10px;padding:.35rem .5rem}
.profile-overlay{bottom:auto;height:fit-content;max-height:calc(100% - 6rem);overflow:auto}
.vote-panel .muted,#vote-message,#vote-counts{font-size:14px;line-height:1.5}
.controls h2,.map-section h2,.details h2,.method h2{font-size:18px;line-height:1.5}@media(max-width:600px){.controls h2,.map-section h2,.details h2,.method h2{font-size:16px}}
.site-header .subtitle{font-family:"Press Start 2P",monospace;font-size:16px;line-height:1.7}@media(max-width:600px){.site-header .subtitle{font-size:12px;line-height:1.6}}
.map-legend{font-size:10px}.map-legend .legend-title{font-size:10px}.crossing-status{font-size:10px}
.site-footer p,.site-footer a{font-size:10px;line-height:1.6}@media(max-width:600px){.site-footer p,.site-footer a{font-size:8px}}
 .vote-actions button:disabled{opacity:.55;cursor:not-allowed}
 .profile-result.tight-time{background:#fff0b3;border-color:#a96e00}.tight-time strong{color:#704800}
 .profile-overlay{background:#e9e2f6}
  @media(max-width:600px){
    .map-card{display:flex;flex-direction:column;overflow:hidden}
    #map{order:1;height:min(55svh,430px);min-height:300px}
    .map-distance{position:static;order:2;transform:none;width:auto;margin:0;padding:.55rem .75rem;border:0;border-top:2px solid var(--orange);box-shadow:none;text-align:left;white-space:normal;font-size:10px}
    .profile-overlay,.profile-overlay[hidden]{position:static;order:3;width:auto;height:auto;max-height:none;overflow:visible;padding:.65rem;border:0;border-top:2px solid var(--navy);box-shadow:none}
    .profile-overlay .profile-results{max-height:none;overflow:visible}
    .map-legend{order:4;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:.5rem .75rem;padding:.65rem .75rem}
    .map-legend .legend-title,.map-legend .crossing-status{grid-column:1/-1}
    .crossing-status{width:100%;margin-top:.1rem}
  }

/* Responsive sizing across desktop, tablet, and phone viewports. */
.wrap{width:min(100%,1360px);padding-inline:clamp(.75rem,2.5vw,2rem)}
.site-header{padding-block:clamp(1.5rem,5vh,3.25rem)}
#map{height:clamp(400px,62vh,600px)}
.journey-inputs>*{min-width:0}
.journey-inputs input{min-width:0}
.profile-grid{grid-template-columns:repeat(7,minmax(0,1fr));overflow:visible}
.profile{min-width:0}
.map-card{min-width:0}

@media(max-width:1000px){
  .wrap{padding-inline:1rem}
  #map{height:clamp(360px,56vh,500px)}
  .journey-inputs{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.65rem}
  .journey-intro{grid-column:1;grid-row:1}
  .journey-connector{grid-column:2;grid-row:1;justify-self:end}
  .journey-inputs label:nth-of-type(1){grid-column:1;grid-row:2}
  .journey-inputs label:nth-of-type(2){grid-column:2;grid-row:2}
  .journey-inputs #swap-crossing{grid-column:1;grid-row:3}
  .journey-inputs #reset-crossing{grid-column:2;grid-row:3}
  .journey-inputs .secondary-button{width:100%;min-height:2.75rem}
  .profile-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:600px){
  .wrap{padding-inline:.75rem}
  .site-header{padding-block:1.35rem 1.6rem}
  .site-header h1{font-size:clamp(1.2rem,5vw,1.55rem)}
  .subtitle{max-width:34ch;font-size:clamp(.8rem,3.5vw,1rem)}
  .notice,.controls,.details,.scene-section,.street-data,.method{margin-block:.85rem;padding:.75rem}
  .journey-inputs{grid-template-columns:minmax(0,1fr);gap:.45rem}
  .journey-intro,.journey-connector,.journey-inputs label:nth-of-type(1),.journey-inputs label:nth-of-type(2),.journey-inputs #swap-crossing,.journey-inputs #reset-crossing{grid-column:1;grid-row:auto;justify-self:stretch}
  .journey-connector{justify-self:start}
  #map{height:clamp(280px,52svh,420px);min-height:280px}
  .map-legend{grid-template-columns:minmax(0,1fr) minmax(0,1fr);font-size:clamp(9px,2.6vw,11px)}
  .map-legend>span:not(.legend-title):not(.crossing-status){min-width:0;line-height:1.4}
  .map-legend .legend-title,.map-legend .crossing-status{grid-column:1/-1}
  .leaflet-control-zoom a{width:2.75rem!important;height:2.75rem!important;line-height:2.75rem!important;font-size:1rem!important}
  .leaflet-control-attribution{font-size:9px;max-width:70%;white-space:normal}
  .profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}
  .profile{min-height:4.6rem;padding:.35rem .25rem}
  .profile-overlay{font-size:11px}
  .profile-result{grid-template-columns:2rem minmax(0,1fr) auto;gap:.35rem}
  .profile-result-name,.profile-result-name small{overflow-wrap:anywhere}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}
  .stat{min-width:0;overflow-wrap:anywhere}
  .scene-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .scene-stats>div{min-width:0;padding:.4rem}
  .scene-stats strong{font-size:clamp(.8rem,4vw,1rem)}
  .table-wrap{max-width:100%;overflow:auto}
}

@media(max-width:380px){
  .wrap{padding-inline:.6rem}
  .map-legend{grid-template-columns:minmax(0,1fr)}
  .map-legend .legend-title,.map-legend .crossing-status{grid-column:1}
  .map-legend>span:not(.legend-title):not(.crossing-status){grid-column:1}
  .scene-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .scene-stats>div:last-child{grid-column:1/-1}
  .profile-result-name{font-size:.85rem}
  .profile-result-name small{font-size:.68rem}
}

@media(max-width:900px) and (orientation:landscape){
  #map{height:min(68svh,420px);min-height:220px}
}

.eyebrow,.legend-title{text-transform:none;letter-spacing:normal}

/* Keep all interface text on one readable typeface, including Leaflet and overlays. */
body,body *{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
.profile-overlay-title{font-size:clamp(11px,.9vw,13px);font-weight:750;line-height:1.35}
.profile-overlay-subtitle{font-size:12px;line-height:1.4;margin:.25rem 0 .5rem}
.street-suggestion.active{background:#d9f7f5;color:var(--navy)}