.finder-page{padding-bottom:clamp(2rem,5vw,5rem)}
.finder-mast{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;padding:.65rem 0 clamp(1.6rem,2.8vw,2.5rem)}
.finder-mast h1{font-size:clamp(2.7rem,5.6vw,5.4rem);line-height:1.02;letter-spacing:-.05em;margin:.25rem 0 .75rem;overflow-wrap:anywhere}
.finder-mast p{max-width:59ch;color:#425b55;font-size:clamp(1rem,1.5vw,1.17rem);margin:0}
.finder-advice{display:inline-flex;align-items:center;justify-content:space-between;gap:1rem;font-weight:650;line-height:1.35;border:1px solid #9cac9d;padding:.75rem .95rem;border-radius:5px}
.finder-advice:hover,.finder-advice:focus-visible{background:#e4eee1}
.finder-kicker,.explore-heading,.finder-bar{display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap}
.finder-kicker{border-top:1px solid #aebdb0;padding:1rem 0 .9rem}
.finder-kicker h2{font:650 1.06rem/1.3 system-ui;margin:0}.finder-kicker a,.finder-bar a{font-size:.87rem;text-decoration:underline;text-underline-offset:3px}
.scene-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.75rem,1.6vw,1.4rem)}
.scene-card{border:1px solid #b8c7b8;background:#fffef9;display:grid;grid-template-columns:1fr auto;align-content:start;align-items:center;border-radius:10px;overflow:hidden;transition:background .15s,border-color .15s}
.scene-card img{display:block;width:100%;height:auto;grid-column:1/-1}
.scene-copy{display:grid;gap:.3rem;padding:1rem 0 1rem 1rem}.scene-copy strong{font:500 clamp(1.35rem,2.1vw,1.95rem)/1.14 Georgia,serif;letter-spacing:-.035em;color:#133e36}.scene-copy>span{color:#486056;font-size:.91rem;line-height:1.45}
.scene-arrow{margin:0 1rem 0 .5rem;width:2.1rem;height:2.1rem;border-radius:50%;background:#e7eee4;display:grid;place-items:center;line-height:1;color:#1b493d}
.scene-card:hover,.scene-card:focus-visible,.scene-card[aria-current]{border-color:#286b58;background:#e9f1e7}.scene-card[aria-current] .scene-arrow{background:#1e5445;color:white}
.scene-credits{display:block;text-align:right;font-size:.7rem;color:#506359;margin:.35rem 0 .3rem}
.city-explorer{margin-top:clamp(1.3rem,3.5vw,3.2rem);scroll-margin-top:1rem}
.explore-heading{border-top:2px solid #224b40;padding-top:1.05rem}
.explore-heading h2{font-size:clamp(2.1rem,3.7vw,3.4rem);line-height:1.1;letter-spacing:-.045em;margin:.3rem 0}
.lookup{display:grid;gap:.2rem;font:600 .8rem/1.2 system-ui;min-width:min(16rem,100%)}.lookup input,.match-grid select{background:#fffef9;border:1px solid #899d91;border-radius:4px;padding:.65rem .75rem;color:#183c32;font:400 .95rem/1.3 system-ui;width:100%}
.finder-bar{justify-content:flex-start;min-height:2.2rem;margin-top:.7rem}.finder-bar [role=status]{color:#3f584c;font-size:.86rem}.finder-bar b{border:1px solid #bbcabc;border-radius:1rem;padding:.07rem .5rem}.finder-bar [data-compare-shortcut]{margin-left:auto}
.finder-list.geo-directory{margin:.6rem 0 1.5rem;display:grid;gap:1.1rem}.result-group{scroll-margin-top:1rem}.result-group h3{font:650 .98rem/1.3 system-ui;margin:.5rem 0;color:#39584a}.result-group ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 1.1rem}
.city-result.geo-city{border:0;border-top:1px solid #c1cdc1;background:transparent;display:flex;justify-content:space-between;align-items:center;border-radius:0;gap:.5rem;padding:.65rem .22rem;min-height:65px;line-height:1.25}.city-result strong{display:block;font-size:1.06rem}.city-result small{display:block;font-weight:400;font-size:.86rem;color:#496156;margin-top:.18rem}.city-result:hover{background:#e9efe5}
.finder-disclosure{border-top:1px solid #abbcad;padding:.2rem 0}.finder-disclosure:last-child{border-bottom:1px solid #abbcad}.finder-disclosure summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;gap:.9rem;font-weight:650;padding:.75rem 0}.finder-disclosure summary::-webkit-details-marker{display:none}.finder-disclosure[open] summary>span{transform:rotate(45deg)}
.match-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:.25rem 0 1.1rem}.match-grid>div{padding:clamp(.7rem,2vw,1.3rem);border-radius:5px;background:#eaf0e7}.match-grid label{display:grid;gap:.35rem;font-size:.9rem;font-weight:650}
.compare-answer dl{margin:1rem 0}.compare-answer dt{font-size:.82rem;color:#465f50;font-weight:650;margin-top:.7rem}.compare-answer dd{margin:.12rem 0;color:#153d31;font-size:.92rem}.province-index{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(12rem,100%),1fr));gap:.8rem;padding:.4rem 0 1rem}.province-index h3{font:600 .93rem system-ui;margin:0}.province-index a{display:block;padding:.28rem 0;font-size:.9rem}
.finder-page [hidden]{display:none!important}.finder-page :is(a,summary,button,input,select):focus-visible{outline:3px solid #147866;outline-offset:2px}.finder-page a,.finder-page label,.finder-page summary,.match-grid{overflow-wrap:anywhere}
@media(max-width:800px){.result-group ul{grid-template-columns:repeat(2,minmax(0,1fr))}.finder-mast{align-items:flex-start}.scene-copy{padding:.8rem 0 .8rem .7rem}.scene-arrow{margin-right:.6rem}}
@media(max-width:650px){.finder-mast{display:block}.finder-advice{margin-top:.7rem;padding:.5rem .7rem;font-size:.88rem}.finder-kicker{gap:.45rem}.finder-kicker h2{font-size:1rem}.scene-grid{grid-template-columns:1fr;gap:.5rem}.scene-card{grid-template-columns:clamp(5.5rem,27vw,9rem) minmax(0,1fr) auto;align-items:center}.scene-card img{grid-column:1}.scene-copy{align-self:center;padding:.6rem 0 .6rem .7rem;gap:.22rem}.scene-copy strong{font-size:1.22rem}.scene-copy>span{font-size:.81rem}.scene-arrow{align-self:center;width:1.65rem;height:1.65rem;font-size:.9rem}.explore-heading{gap:.55rem}.lookup{width:100%;max-width:28rem}.finder-bar{gap:.65rem}.result-group ul{column-gap:.6rem}.match-grid{gap:.5rem}.match-grid>div{padding:.55rem}.finder-kicker a{font-size:.82rem}}
@media(max-width:360px){.result-group ul{grid-template-columns:1fr}.scene-copy strong{font-size:1.12rem}.scene-arrow{width:1.4rem;height:1.4rem;margin-right:.35rem}.match-grid select{padding:.4rem .2rem}}

.city-result.geo-city{display:grid;grid-template-columns:clamp(42px,5vw,60px) minmax(0,1fr) auto;column-gap:.65rem}
.city-result.geo-city img{display:block;width:100%;height:auto;border-radius:4px}
@media(max-width:520px){.result-group ul{grid-template-columns:1fr}.city-result.geo-city{grid-template-columns:52px minmax(0,1fr) auto}}
