:root{color-scheme:dark;--bg:#071329;--bg2:#0b1d3a;--panel:#102447;--text:#f3f7ff;--muted:#b3c3e4;--border:#29456e;--a:#4bdcff;--b:#9567fa;--shadow:0 22px 55px rgba(0,0,0,.23)}
:root[data-theme="light"]{color-scheme:light;--bg:#eef4ff;--bg2:#e5edfc;--panel:#fff;--text:#0d2245;--muted:#456080;--border:#d0dbed;--a:#006bdb;--b:#6847d1;--shadow:0 20px 42px rgba(33,69,129,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(175deg,var(--bg),var(--bg2));color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.6;min-height:100vh}a{color:var(--a)}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--a);outline-offset:3px}.container{max-width:1210px;margin:0 auto;padding-inline:24px}
.site-header{border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 93%,transparent);position:relative;z-index:5}.header-inner{max-width:1240px;margin:auto;padding:14px 24px;display:flex;gap:24px;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-size:1.3rem;font-weight:800;white-space:nowrap}.brand img{border-radius:9px}.brand strong{color:var(--b)}.top-nav{display:flex;gap:16px}.top-nav a{text-decoration:none;color:var(--muted);font-weight:600}.top-nav a:hover{color:var(--a)}.controls{display:flex;align-items:center;gap:10px}.controls select,.controls button{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:12px;min-height:42px;padding:8px 12px;font-size:.92rem}.controls button{cursor:pointer;font-size:1.25rem;width:44px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,480px);gap:30px;align-items:center;padding-top:58px;padding-bottom:44px}.eyebrow{font-size:.78rem;font-weight:900;letter-spacing:.15em;color:var(--a);margin:0 0 16px}h1{font-size:clamp(2.3rem,5vw,4.1rem);line-height:1.1;letter-spacing:-.04em;margin:0 0 19px}h2{font-size:clamp(1.25rem,2.2vw,1.7rem);line-height:1.2;letter-spacing:-.02em}.hero-lead{font-size:1.12rem;max-width:580px;color:var(--muted)}.chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.chip{border-radius:100px;padding:7px 14px;background:var(--panel);border:1px solid var(--border);color:var(--text);font-size:.86rem;font-weight:700}.hero-illustration{width:100%;height:auto;max-width:480px;border-radius:20px;box-shadow:var(--shadow)}
.map-shell{margin-top:2px}.map-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.map-head h2{margin:0 0 8px}.map-head p{margin:0;color:var(--muted)}.source{font-size:.85rem;font-weight:800;padding:6px 12px;border:1px solid var(--border);border-radius:10px;color:var(--a)}.map-stage{background:var(--panel);border:1px solid var(--border);border-radius:22px;min-height:560px;width:100%;overflow:auto;box-shadow:var(--shadow);padding:12px}.map-stage iframe,.map-stage img{max-width:100%}.map-note{font-size:.88rem;color:var(--muted);margin:12px 0 0}
.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:48px}.info-panel{padding:26px;border:1px solid var(--border);border-radius:22px;background:var(--panel)}.info-panel h2{margin:4px 0 8px}.info-panel p{margin:0;color:var(--muted)}.panel-icon{font-size:1.7rem}.countries,.explain{padding-block:36px}.countries h2,.explain h2{margin-bottom:8px}.countries p,.explain p{color:var(--muted)}.country-grid{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 0;padding:0}.country-grid li{border:1px solid var(--border);border-radius:13px;background:var(--panel);padding:12px 16px;color:var(--text);font-weight:650}.country-grid .flag{margin-right:9px}.explain{margin-bottom:44px}.explain a{font-weight:650}.site-footer{border-top:1px solid var(--border);background:var(--bg);padding:24px}.footer-inner{max-width:1162px;margin:auto;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer-links{display:flex;gap:16px}
@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:34px}.hero-illustration{max-width:650px}.top-nav{gap:9px}.map-stage{min-height:510px}.country-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.container{padding-inline:14px}.header-inner{padding:12px;gap:8px;flex-wrap:wrap}.brand{font-size:1rem}.brand img{height:31px;width:31px}.top-nav{order:3;width:100%;justify-content:space-evenly}.controls{margin-left:auto;gap:5px}.controls select{max-width:94px;min-height:37px}.controls button{width:37px;min-height:37px;padding:4px}.hero{gap:15px}.hero-lead{font-size:1rem}.map-head{align-items:start}.map-stage{min-height:430px;padding:5px;border-radius:14px}.detail-grid{grid-template-columns:1fr;gap:12px;margin-top:26px}.country-grid{grid-template-columns:1fr 1fr;gap:8px}.country-grid li{padding:10px;font-size:.89rem}.site-footer{padding:20px 14px}}