:root{color-scheme:light;--bg: #f4efe5;--paper: #fffdf8;--paper-strong: #fffaf0;--ink: #20231f;--muted: #62675f;--line: #ded5c4;--navy: #26384f;--green: #6f8f72;--orange: #c98242;--soft: #ebe3d2;--shadow: 0 12px 30px rgba(49, 43, 32, .08);font-family:Hiragino Sans,Yu Gothic,YuGothic,Noto Sans JP,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.75}a{color:var(--navy);text-decoration-thickness:.08em;text-underline-offset:.18em}.site-shell{width:min(1120px,calc(100% - 32px));margin:0 auto}.site-header,.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--navy);font-weight:700}.brand strong,.brand small{display:block}.brand small,.site-footer,.eyebrow,.note,.metric-card p,.metric-card small{color:var(--muted)}.nav-links{display:flex;flex-wrap:wrap;gap:14px;font-size:.95rem}.nav-links a{text-decoration:none;border-bottom:1px solid transparent}.nav-links a:hover{border-color:var(--navy)}main{padding:24px 0 64px}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:28px;align-items:stretch;margin-top:18px}.panel,.metric-card,.callout,.chart-card{background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.panel{padding:clamp(24px,4vw,44px)}.hero h1,.page-title h1{margin:0 0 18px;font-size:clamp(2rem,5vw,4.4rem);line-height:1.12;letter-spacing:-.04em}.page-title h1{font-size:clamp(2rem,4vw,3.4rem)}.lead{font-size:clamp(1rem,1.6vw,1.16rem);color:#3b3f39}.eyebrow{margin:0 0 10px;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{padding:18px}.metric-strip{grid-column:1 / -1;grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card p{margin:0 0 8px;font-size:.9rem}.metric-card strong{display:block;font-size:1.9rem;line-height:1.1}.metric-card small{display:block;margin-top:8px;font-size:.82rem}.section{margin-top:34px}.section h2{margin:0 0 14px;font-size:clamp(1.45rem,2.5vw,2.1rem);letter-spacing:-.03em}.callout{padding:18px 20px;background:#f8f3e9}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:var(--paper)}table{width:100%;border-collapse:collapse;min-width:680px}th,td{padding:13px 15px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#f7f0e3;color:var(--muted);font-size:.86rem;font-weight:600}tr:last-child td{border-bottom:0}.score-bar{display:grid;gap:8px}.score-row{display:flex;justify-content:space-between;gap:18px;font-size:.92rem}.bar-track{height:10px;overflow:hidden;border-radius:999px;background:var(--soft)}.bar-track span{display:block;height:100%;border-radius:inherit;background:var(--green)}.link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.link-card{display:block;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--paper);text-decoration:none}.link-card strong,.link-card span{display:block}.link-card span{color:var(--muted);font-size:.9rem}.panel.compact{padding:22px}.hero-visual{display:grid;align-content:space-between;min-height:100%;background:radial-gradient(circle at 20% 20%,rgba(111,143,114,.22),transparent 32%),linear-gradient(145deg,#fffdf8,#f0e5cf)}.hero-visual h2{margin:0 0 18px;font-size:clamp(1.7rem,3vw,2.8rem);line-height:1.08;letter-spacing:-.04em}.mini-bars{display:grid;gap:13px;margin:8px 0 24px}.mini-bar-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;position:relative;padding-bottom:13px;font-size:.94rem}.mini-bar-row span,.mini-bar-row b{position:relative;z-index:1}.mini-bar-row i{position:absolute;left:0;bottom:0;height:7px;border-radius:999px;background:linear-gradient(90deg,var(--navy),var(--green))}.button-link{display:inline-flex;width:fit-content;padding:10px 14px;border-radius:999px;background:var(--navy);color:#fff;text-decoration:none;font-weight:700}.podium-grid{display:grid;grid-template-columns:1.1fr .95fr .9fr;gap:18px;align-items:stretch}.podium-card{position:relative;overflow:hidden;padding:clamp(22px,3vw,34px);border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at 82% 16%,rgba(38,56,79,.16),transparent 30%),var(--paper-strong);box-shadow:var(--shadow)}.podium-card.rank-1{background:radial-gradient(circle at 82% 16%,rgba(111,143,114,.26),transparent 34%),linear-gradient(145deg,#fffdf8,#edf2e7)}.podium-card h2{margin:8px 0 4px;font-size:clamp(1.5rem,2.5vw,2.5rem);line-height:1.08}.podium-card p{margin:0 0 18px;color:var(--muted)}.podium-score{display:flex;align-items:baseline;gap:4px;font-size:clamp(2.8rem,7vw,5.8rem);line-height:.9;font-weight:800;letter-spacing:-.07em;color:var(--navy)}.podium-score small{font-size:1rem;letter-spacing:0;color:var(--muted)}.chart-card{padding:clamp(20px,3vw,30px)}.chart-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.chart-heading h2{margin-bottom:4px}.bar-leaderboard{display:grid;gap:13px}.bar-entry{display:grid;gap:8px}.bar-meta{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}.bar-meta small{display:block;color:var(--muted);font-size:.82rem}.bar-meta b{font-variant-numeric:tabular-nums}.bar-rail{height:12px;overflow:hidden;border-radius:999px;background:#ece2d1}.bar-rail span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--navy),var(--green))}.scatter-card{overflow:hidden}.scatter-wrap{overflow-x:auto}.scatter-wrap svg{display:block;min-width:520px;width:100%}.axis-label,.point-label{fill:var(--muted);font-size:13px;font-weight:700}.axis-label.muted{font-weight:500}.point-label{fill:var(--ink);paint-order:stroke;stroke:#fffdf8;stroke-width:4px;stroke-linejoin:round}.legend-row{display:flex;flex-wrap:wrap;gap:10px 14px;color:var(--muted);font-size:.85rem}.legend-dot{display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:999px;background:var(--navy)}.legend-dot.minato{background:#26384f}.legend-dot.yokohama{background:#6f8f72}.legend-dot.kawasaki{background:#c98242}.legend-dot.chiba{background:#9b6b8d}.score-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.score-tile{display:grid;gap:16px;padding:18px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#fffdf8,#f7f0e3)}.score-tile h3{margin:10px 0 0;font-size:1.25rem}.score-tile p{margin:2px 0 0;color:var(--muted)}.score-tile>strong{font-size:2.6rem;line-height:1;letter-spacing:-.06em;color:var(--navy)}.score-tile>strong small{margin-left:3px;font-size:.9rem;color:var(--muted)}.score-tile dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.score-tile dl div{padding:9px;border-radius:12px;background:#fffaf0}.score-tile dt,.score-tile dd{margin:0}.score-tile dt{color:var(--muted);font-size:.78rem}.score-tile dd{font-weight:800}.leaderboard{display:grid;gap:10px}.rank-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink);text-decoration:none}.rank-row small{display:block;color:var(--muted)}.rank-badge,.score-pill{display:inline-grid;place-items:center;min-width:34px;min-height:34px;padding:4px 10px;border-radius:999px;background:var(--navy);color:#fff;font-weight:700}.score-pill{background:#eef4ea;color:var(--navy);border:1px solid #cad9c6}.map-wrap{min-height:620px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--soft)}.map-dashboard{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:18px;align-items:start}.map-side{display:grid;gap:28px;padding:24px}.map-side h2{font-size:1.25rem}.layer-controls{display:grid;gap:10px}.layer-controls label{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#fffaf0}.layer-controls small{color:var(--muted);font-size:.78rem}.map-top-list{display:grid;gap:9px}.map-top-list button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);text-align:left;cursor:pointer;font:inherit}.map-top-list button:hover{border-color:var(--navy)}.map-top-list small{display:block;color:var(--muted);font-size:.78rem}.map-top-list b{color:var(--navy)}.map-panel{padding:16px}.map-caption{display:grid;gap:4px;margin-top:12px}.map-caption p{margin:0}.city-list{display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:18px 0 0;list-style:none}.city-list a{display:inline-flex;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--paper);text-decoration:none}.note{font-size:.9rem}@media(max-width:820px){.site-header{align-items:flex-start;flex-direction:column}.hero,.grid.two,.grid.three,.link-grid,.metric-strip,.podium-grid,.score-tiles,.map-dashboard{grid-template-columns:1fr}.rank-row{grid-template-columns:auto minmax(0,1fr)}.score-pill{grid-column:2;justify-self:start}}