:root{--bg:#F5F7FA;--panel:#FFFFFF;--panel2:#F0F1F4;--border:#E2E5EA;--text:#333333;--muted:#6B7280;--accent:#1E3A8A;--accent2:#f2a65a;--hover:#E8EAEE;--selected:#1E3A8A;--nodata:#E9ECF0;--link:#1E3A8A;--link-hover:#0D1B2A;--tooltip-bg:rgba(255,255,255,.97);--legend-bg:rgba(255,255,255,.92);--map-bg-1:#eef2f7;--map-bg-2:#e4e8ee;--country-default:#c7d2e3;--country-stroke:#e4e8ee;--bar-track:#E2E5EA}@media(prefers-color-scheme:dark){:root{--bg:#12151B;--panel:#1B1F27;--panel2:#1A1E25;--border:#2E333C;--text:#e8edf5;--muted:#9CA3AF;--accent:#6B8FF0;--accent2:#f2a65a;--hover:#3a4d6b;--selected:#6B8FF0;--nodata:#232e40;--link:#6B8FF0;--link-hover:#22B8A0;--tooltip-bg:rgba(10,14,20,.95);--legend-bg:rgba(22,31,46,.9);--map-bg-1:#152033;--map-bg-2:#0f1621;--country-default:#2a3f57;--country-stroke:#0f1621;--bar-track:#0f1621}}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text)}header{padding:14px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--panel)}header .back-link{color:var(--link);font-size:12.5px;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}header .back-link:hover{color:var(--link-hover)}header h1{font-size:18px;margin:0;font-weight:600;white-space:nowrap}header .sub{color:var(--muted);font-size:12.5px}#searchWrap{position:relative;margin-left:auto}#search{background:var(--panel2);border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:8px;width:260px;font-size:13.5px}#search:focus{outline:none;border-color:var(--accent)}#searchResults{position:absolute;top:38px;left:0;right:0;background:var(--panel2);border:1px solid var(--border);border-radius:8px;max-height:260px;overflow-y:auto;z-index:50;display:none}#searchResults div{padding:8px 12px;cursor:pointer;font-size:13px}#searchResults div:hover{background:var(--hover)}#app{display:flex;height:calc(100vh - 60px)}#mapCol{flex:1 1 62%;position:relative;border-right:1px solid var(--border);min-width:0}#mapToolbar{position:absolute;top:12px;left:12px;z-index:10;display:flex;gap:8px}#mapToolbar button{background:var(--panel2);border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:6px;cursor:pointer;font-size:12.5px}#mapToolbar button:hover{background:var(--hover)}#toggleLegend{display:none}#tooltip{position:absolute;pointer-events:none;background:var(--tooltip-bg);border:1px solid var(--border);padding:6px 10px;border-radius:6px;font-size:12.5px;display:none;z-index:20;max-width:220px;color:var(--text)}svg#map{width:100%;height:100%;display:block;background:radial-gradient(ellipse at center,var(--map-bg-1) 0%,var(--map-bg-2) 100%)}.country{fill:var(--country-default);stroke:var(--country-stroke);stroke-width:.4;cursor:pointer;transition:fill .12s}.country:hover{fill:var(--hover)}.country.selected{fill:var(--accent)}.country.nodata{fill:var(--nodata);cursor:default}.country.nodata:hover{fill:var(--nodata)}#legend{position:absolute;bottom:12px;left:12px;background:var(--legend-bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:11.5px;color:var(--muted);z-index:10}#legend .row{display:flex;align-items:center;gap:6px;margin-top:3px}#legend .sw{width:10px;height:10px;border-radius:2px;flex:0 0 auto}#panelCol{flex:1 1 38%;overflow-y:auto;padding:20px 22px;min-width:340px;max-width:520px}#breadcrumb{font-size:12.5px;color:var(--muted);margin-bottom:6px}#breadcrumb a{color:var(--link);cursor:pointer;text-decoration:none}#breadcrumb a:hover{color:var(--link-hover);text-decoration:underline}.placeholder{color:var(--muted);font-size:14px;line-height:1.6;padding-top:40px;text-align:center}.placeholder svg{opacity:.35;margin-bottom:10px}h2.title{margin:2px 0;font-size:22px}.meta{color:var(--muted);font-size:13px;margin-bottom:18px}.section{margin-bottom:22px}.section h3{font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 10px;font-weight:600}.bar-row{margin-bottom:9px}.bar-row .label{display:flex;justify-content:space-between;font-size:13px;margin-bottom:3px;gap:10px}.bar-row .label .pct{color:var(--muted);font-variant-numeric:tabular-nums;flex:0 0 auto}.bar-track{background:var(--bar-track);border-radius:5px;height:9px;overflow:hidden}.bar-fill{height:100%;border-radius:5px}.lang-link{color:var(--link);text-decoration:underline;text-underline-offset:2px}.lang-link:hover{color:var(--link-hover)}.lang-link-icon{font-size:10px;color:var(--link);margin-left:2px}.note{font-size:12.5px;color:var(--muted);background:var(--panel2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin-top:8px;line-height:1.5}.culture-text{font-size:13.5px;line-height:1.75;color:var(--text);margin:0}.com-grid{display:grid;grid-template-columns:1fr;gap:8px}.com-card{background:var(--panel2);border:1px solid var(--border);border-radius:10px;padding:10px 12px;cursor:pointer;transition:border-color .12s}.com-card:hover{border-color:var(--accent)}.com-card .name{font-size:14px;font-weight:600;margin-bottom:2px}.com-card .hint{font-size:12px;color:var(--muted)}footer{padding:9px 20px;border-top:1px solid var(--border);color:var(--muted);font-size:11px;background:var(--panel);line-height:1.5}footer a{color:var(--link);text-decoration:underline;text-underline-offset:2px}footer a:hover{color:var(--link-hover)}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}@media(max-width:820px){#app{flex-direction:column;height:auto}#mapCol{height:52vh}#panelCol{max-width:none}#mapToolbar{flex-direction:column;align-items:flex-start;z-index:15}#toggleLegend{display:inline-block}#legend.legend-hidden{display:none}}