:root { color-scheme:light; --ink:#142a38; --muted:#566b77; --accent:#1e6679; --line:#dae3e8; --bg:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--bg); color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; }
a:focus-visible,button:focus-visible { outline:3px solid #77b4c4; outline-offset:4px; }
.wrap { width:min(1120px,calc(100% - 64px)); margin-inline:auto; }
.topbar { border-bottom:1px solid var(--line); }
.nav { min-height:90px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { font-size:16px; line-height:1.23; font-weight:760; letter-spacing:-.035em; text-decoration:none; }
.brand span { display:block; color:var(--accent); }
.lang { display:flex; gap:7px; align-items:center; font-size:13px; font-weight:680; }
.lang a { padding:9px 12px; border:1px solid transparent; border-radius:7px; text-decoration:none; }
.lang a[aria-current="page"] { color:var(--accent); border-color:var(--line); background:#f6fafb; }
main { min-height:calc(100vh - 180px); }
.hero { padding:82px 0 84px; display:grid; grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr); align-items:center; gap:64px; }
.eyebrow { margin:0 0 27px; font-weight:750; font-size:12px; letter-spacing:.13em; color:var(--accent); text-transform:uppercase; }
h1 { margin:0; font-size:clamp(44px,4.1vw,59px); letter-spacing:-.062em; line-height:1.05; font-weight:790; max-width:780px; }
h1 span { display:block; color:var(--accent); }
.status { margin:32px 0 0; font-size:clamp(21px,2.1vw,27px); font-weight:670; letter-spacing:-.025em; }
.description { max-width:570px; font-size:17px; line-height:1.75; margin:18px 0 0; color:var(--muted); }
.map-panel { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:0; }
.map-panel img { display:block; height:auto; width:100%; max-width:300px; }
.map-caption { text-align:center; font-size:12px; line-height:1.5; color:var(--muted); margin:9px 0 0; }
.map-caption span { display:inline-block; width:9px; height:9px; border-radius:50%; background:var(--accent); margin-right:7px; }
.foot { border-top:1px solid var(--line); }
.foot-inner { padding:25px 0; display:flex; justify-content:space-between; gap:18px 35px; align-items:center; flex-wrap:wrap; font-size:12px; color:var(--muted); }
.foot a { text-underline-offset:3px; }
.foot-links { display:flex; gap:22px; flex-wrap:wrap; align-items:center; }
.foot button { border:0; padding:0; text-decoration:underline; background:none; font:inherit; color:inherit; cursor:pointer; text-underline-offset:3px; }
.article { padding:72px 0 96px; max-width:740px; min-height:60vh; }
.article h1 { font-size:clamp(34px,5vw,52px); letter-spacing:-.045em; }
.article h2 { font-size:23px; margin:30px 0 12px; }
.article p { color:var(--muted); line-height:1.75; }
.article strong { color:var(--ink); }
.notice { background:#fff8e9; border-left:3px solid #bf8732; padding:16px 20px; }
@media(max-width:860px) { .hero { gap:25px; padding:64px 0; grid-template-columns:1fr 250px; } h1 { font-size:clamp(40px,5vw,53px); } .description { font-size:16px; } }
@media(max-width:680px) { .wrap { width:min(100% - 40px,500px); } .nav { min-height:74px; } .brand { font-size:14px; } .hero { padding:54px 0 60px; grid-template-columns:1fr; gap:26px; } h1 { font-size:clamp(25px,8.1vw,34px); }  .eyebrow { margin-bottom:19px; font-size:10px; } .status { font-size:21px; margin-top:25px; } .description { font-size:15px; line-height:1.7; margin-top:13px; } .map-panel img { max-width:205px; } .map-caption { font-size:11px; } .foot-inner { align-items:flex-start; } .article { padding:55px 0; } }

.article a { color:var(--accent); text-underline-offset:3px; overflow-wrap:anywhere; }