*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#16334b;background:#f3f6f9;font:17px/1.65 Arial,sans-serif}header,main,footer{max-width:1080px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;align-items:center;gap:22px}header img{max-width:200px;height:auto}a{color:#006b94;text-underline-offset:4px}a:focus-visible{outline:3px solid #087fa7;outline-offset:5px}h1{font-size:clamp(40px,6vw,64px);line-height:1.05;letter-spacing:-.04em}h2{font-size:clamp(26px,4vw,36px);line-height:1.15}article,section{background:white;padding:32px;border-radius:12px;margin-bottom:28px;scroll-margin-top:20px}article img{width:100%;height:auto;display:block;border:1px solid #d9e3eb}article li{padding:0 0 13px 6px}.caption,.route{font-size:14px;color:#526675}.area{font-size:13px;font-weight:bold;color:#006b94;letter-spacing:.1em}.result{background:#edf7f3;padding:18px;border-left:4px solid #168967}nav{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:28px 0}nav a{padding:12px;background:#e3edf3;border-radius:6px}.download{display:inline-block;background:#123652;color:white;padding:12px 20px;border-radius:6px}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;padding:10px}footer{font-size:13px} @media(max-width:600px){header,main,footer{padding:18px}header{flex-wrap:wrap}article,section{padding:20px}nav{grid-template-columns:1fr}ol{padding-left:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}header>a:first-child{background:#0d2e4e;padding:10px 18px;border-radius:6px;display:flex;align-items:center}