:root{font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:#182d40;background:#f4f5f2;font-synthesis:none;--ink:#183a49;--muted:#657377;--accent:#c36e43}*{box-sizing:border-box}body{margin:0}header{height:82px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8dfdc;background:#fff}.brand{text-decoration:none;color:var(--ink);font-weight:700;font-size:22px}.brand span{display:block;font-size:10px;letter-spacing:3px;margin-top:6px}.tag,.eyebrow{font-size:12px;letter-spacing:1px;color:var(--muted)}.tag{border:1px solid #ccd6d3;padding:7px 12px;border-radius:20px}main{max-width:1120px;margin:36px auto 70px;padding:0 28px}h1{font-size:40px;line-height:1.2;margin:16px 0 20px;letter-spacing:-1px}h2{font-size:25px;line-height:1.4;margin:12px 0}h3{font-size:18px;margin:12px 0}p{line-height:1.85;font-size:15px}small,.muted{color:var(--muted);line-height:1.65}.hero{display:grid;grid-template-columns:1.06fr 1fr;gap:48px;align-items:center}.cover{height:400px;background:#ccd5ce;object-fit:cover;width:100%;border-radius:5px}.photo-note{font-size:11px;letter-spacing:.5px;text-align:right;color:#647278}.intro{max-width:480px}.panel{border:1px solid #dae1dc;background:white;padding:24px;border-radius:5px;margin:22px 0}.soft{background:#eaf0ec;border:0}.row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.space{justify-content:space-between}button,select{font:inherit}button{padding:11px 18px;border:1px solid #cdd7d3;border-radius:4px;background:#fff;color:var(--ink);cursor:pointer;font-size:14px;min-height:43px}button:hover{border-color:var(--ink);background:#f2f5f2}button.primary{background:var(--ink);border-color:var(--ink);color:white}button.primary:hover{background:#235466}button:disabled{opacity:.45;cursor:not-allowed}.link{border:0;background:none;padding:6px 0;text-decoration:underline;min-height:auto}label{font-size:14px}select{width:100%;padding:10px;border:1px solid #bccbc3;background:white;border-radius:3px;margin:8px 0 15px}input[type=checkbox]{width:17px;height:17px;vertical-align:middle;margin-right:8px;accent-color:var(--ink)}.steps{display:flex;gap:20px;margin-bottom:30px;font-size:13px;color:#89958e}.steps .current{color:var(--ink);font-weight:700}.steps .current:before{content:"";display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:6px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:white;border:1px solid #d9e1dc;border-radius:5px;padding:22px;position:relative}.card .number{font-size:12px;color:#9b664a;letter-spacing:2px}.card p{min-height:48px;color:#69736f;font-size:14px}.card.selected{border-color:#28654c;background:#f5faf6}.card button{width:100%}.hint{border-left:3px solid var(--accent);padding:12px 18px;background:#fbf2ea;font-size:14px;line-height:1.8}.badge{display:inline-block;padding:4px 8px;background:#edf2ef;font-size:12px;color:#476657;border-radius:3px}.detail{max-width:720px;margin:auto}.detail .story{font-size:18px;line-height:2.1;background:white;padding:32px;border-left:3px solid #bd7b58}.choice{display:flex;gap:9px;align-items:center;margin:12px 0}.choice input{accent-color:var(--ink)}.q{padding:18px 0;border-bottom:1px solid #dde4df}.scale{display:flex;gap:6px;justify-content:space-between;margin-top:14px}.scale label{display:flex;align-items:center;flex-direction:column;gap:6px;min-width:30px}.scale input{accent-color:var(--ink)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat{background:#eaf0ec;padding:20px;border-radius:5px}.stat b{display:block;font-size:30px;margin-bottom:8px}table{border-collapse:collapse;font-size:13px;width:100%;margin-top:20px}td,th{padding:10px;text-align:left;border-bottom:1px solid #dde4df;word-break:break-word}thead{background:#edf1ee}footer{padding:25px 5vw;border-top:1px solid #dce2dd;font-size:11px;color:#78847c;display:flex;justify-content:space-between;gap:20px;align-items:center}footer button{font-size:12px;border:0;background:transparent}dialog{max-width:650px;width:90%;border:1px solid #bbcfc3;border-radius:8px;padding:30px}dialog::backdrop{background:#122d4080}.toast{color:#b84928;margin:12px 0}.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}:focus-visible{outline:3px solid #c58451;outline-offset:3px}@media(max-width:750px){header{height:72px;padding:0 20px}.tag{font-size:10px}.hero{grid-template-columns:1fr;gap:22px}.cover{height:240px}.hero figure{order:-1;margin:0}.hero h1{font-size:31px}.grid{grid-template-columns:1fr 1fr}.card{padding:17px}.stats{grid-template-columns:1fr}.steps{gap:12px;font-size:11px}main{padding:0 20px;margin-top:24px}h1{font-size:30px}footer{align-items:flex-start}.scale{gap:0}.detail .story{padding:22px}}@media(max-width:440px){.grid{grid-template-columns:1fr}.tag{max-width:135px}.scale label{min-width:24px}}
:root{--map-water:#cde6ed;--map-land:#f1f4f2}p{font-size:16px}.eyebrow,.tag,.badge,.steps{font-size:14px}.brand span,.photo-note,footer{font-size:12px}.neighborhood-map{height:640px;max-width:900px;margin:24px auto;position:relative;isolation:isolate;border:1px solid #cfdcd8;border-radius:14px;background:var(--map-land);overflow:hidden}.map-paths{position:absolute;width:100%;height:100%;inset:0;pointer-events:none}.map-water{fill:none;stroke:var(--map-water);stroke-width:8}.map-street-edge{fill:none;stroke:#d4dcd6;stroke-width:4.4}.map-street{fill:none;stroke:white;stroke-width:3.4}.map-crossing{fill:none;stroke:#e7dfd1;stroke-width:4;stroke-linecap:round}.map-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;background:#f5faf7df;padding:16px;border-radius:12px;color:#42625e;pointer-events:none}.map-center span{display:block;font-size:22px;font-weight:600;letter-spacing:3px}.map-center small{font-size:12px}.map-place{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:25%;max-width:190px;min-height:92px;padding:12px 7px;background:#fff;border:1px solid #b8ccc4;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:5px;box-shadow:0 3px 10px #193b4210;line-height:1.4}.map-place:hover{background:#fff;border-color:#183a49;box-shadow:0 5px 15px #193b4220}.map-place:focus-visible{z-index:3}.map-place strong{font-size:17px;font-weight:600}.map-pin{display:flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:50%;background:#e7f0ec;color:#183a49;font-size:19px}.map-category{font-size:13px;color:#687a73}.map-place.selected{border:2px solid #386d5b;background:#fafffc}.map-place.selected .map-pin{background:#386d5b;color:#fff}.map-note{position:absolute;bottom:12px;left:16px;font-size:12px;color:#63796f}.selection-panel{max-width:900px;margin-left:auto;margin-right:auto}.detail-photo{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:9px;margin-bottom:20px}.map-photo{width:64px;height:48px;object-fit:cover;border-radius:6px;display:block}.guide .card p{min-height:0}@media(max-width:750px){.neighborhood-map{height:610px}.map-place{width:28%;padding:9px 4px;min-height:90px}.map-place strong{font-size:15px}.map-category{font-size:12px}.map-center{padding:10px 4px}.map-center span{font-size:18px;letter-spacing:1px}.map-center small{font-size:12px}.steps{flex-wrap:wrap;font-size:13px;gap:8px 15px}.hero figure{order:0}.photo-note{font-size:12px}.map-note{font-size:12px}.tag{font-size:12px}}@media(max-width:440px){.neighborhood-map{height:590px}.map-place strong{font-size:14px}.map-category{font-size:12px}.map-photo{width:58px;height:44px}.map-center{width:40%}.map-center small{font-size:12px}.map-center span{font-size:17px}}
.research-home{max-width:1000px}.study-entry{display:grid;grid-template-columns:1fr 1.2fr;gap:32px;align-items:center;background:white;border:1px solid #dae1dc;border-radius:10px;padding:24px;margin:32px 0}.study-entry>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:7px}.button{display:inline-flex;align-items:center;min-height:44px;padding:12px 20px;border-radius:4px;text-decoration:none}.button.primary{background:#183a49;color:white}.home-note{color:#657377;font-size:14px}.map-place{min-height:138px}.map-pin{position:absolute;top:-10px;right:8px;width:23px;height:23px;font-size:16px;border:2px solid white}.map-photo{width:100%;max-width:108px;height:auto;aspect-ratio:3/2;object-fit:cover}.map-place strong{overflow-wrap:anywhere}.study-entry h2{margin-top:18px}button,select,label{font-size:1rem}.detail .story{font-size:1.125rem}.steps{line-height:1.7}.neighborhood-map{height:max(640px,40rem)}@media(max-width:750px){.study-entry{grid-template-columns:1fr;gap:16px;padding:18px}.map-place{min-height:120px}.map-photo{max-width:80px}.map-center small{display:block}.neighborhood-map{height:max(610px,38rem)}.map-place strong{font-size:.875rem}.map-category{font-size:.75rem}.map-center span{font-size:1.05rem}.map-center small{font-size:.75rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}