:root { font: 16px/1.6 system-ui, sans-serif; background: #fbfafd; color: #242135; }
body { margin: 0; }
a { color: #6046ad; }
header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; padding: .75rem max(1.25rem, calc((100% - 44rem) / 2)); background: #211d31; }
header a { color: #fff; }
header a:first-child { display: flex; align-items: center; gap: .55rem; font-size: 1.25rem; font-weight: 700; text-decoration: none; }
header img { width: 2rem; height: 2rem; }
main { max-width: 44rem; margin: 0 auto; padding: 2.5rem 1.25rem 4rem; }
h1 { font: 700 clamp(2rem, 6vw, 3.25rem)/1.1 Georgia, serif; margin: 0 0 1rem; }
h2 { font: 700 1.4rem Georgia, serif; margin-top: 2rem; }
ul { padding-inline-start: 1.3rem; }
li { margin: .5rem 0; }
.open-map { display: inline-block; border-radius: .4rem; padding: .5rem .85rem; background: #6046ad; color: #fff; font-weight: 650; text-decoration: none; }
.open-map:hover { background: #453181; }