*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif}
button,a{touch-action:manipulation}
button{font:inherit;cursor:pointer}
a{color:inherit;text-decoration:none}
header{display:flex;align-items:center;justify-content:space-between;padding:20px 4%;gap:20px;border-bottom:1px solid #bac7d1}
header span{letter-spacing:4px}
header small{display:block;font-size:11px;letter-spacing:1px;margin-top:6px}
main{margin:auto}
.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px;gap:24px}
.heading p{font-size:11px;letter-spacing:2px}
h1{margin:8px 0}
.skip{position:absolute;left:12px;top:-80px;z-index:10;background:#fff;padding:12px;color:#193f52}
.skip:focus{top:12px}
button:focus-visible,a:focus-visible{outline:3px solid #006cab;outline-offset:4px}
dialog{margin:auto}
@media(max-width:650px){header{font-size:11px;padding:14px 4%;gap:8px}header span{letter-spacing:1px}}