*{box-sizing:border-box}
html,body{margin:0}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#1C2A40;background:#A8DDF0;-webkit-font-smoothing:antialiased}
.map{position:fixed;inset:0;background:#A8DDF0 url("map-wide.jpg") center/cover no-repeat;z-index:-1}
.doc{max-width:820px;margin:28px auto;background:rgba(255,255,255,.97);border-radius:16px;box-shadow:0 20px 50px rgba(10,21,38,.25);
     padding:28px clamp(20px,5vw,48px) 36px}
.back-btn{display:inline-block;color:#0F1D33;font-weight:600;text-decoration:none;font-size:14px;margin-bottom:12px}
.back-btn:hover{text-decoration:underline}
.hero{border-bottom:3px solid #F4B63F;padding-bottom:14px;margin-bottom:18px}
.hero h1{font-family:Archivo,Inter,sans-serif;font-weight:800;font-size:clamp(28px,5vw,38px);margin:0 0 6px;color:#0F1D33}
.hero p{margin:0;color:#56657D;font-size:14px}
h2{font-family:Archivo,Inter,sans-serif;font-size:19px;color:#0F1D33;margin:26px 0 8px}
p,li{font-size:15.5px;line-height:1.65}
ul{padding-left:22px}
a{color:#0F5BA8}
.callout{background:#FFF6E0;border-left:4px solid #F4B63F;padding:10px 14px;border-radius:6px}
footer{text-align:center;padding:6px 16px 26px;font-size:12.5px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}
footer a{color:#fff}
@media (max-width:860px){.doc{margin:16px}}

@media (max-width:760px) and (orientation:portrait){.map{background-image:url("map-tall.jpg")}}