*{box-sizing:border-box}body{margin:0;background:#fbf8f5;color:#39313c;font:1.125rem/1.7 Tahoma,"Segoe UI",Arial,sans-serif}main,nav{width:min(760px,calc(100% - 36px));margin:auto}nav{padding-block:20px}main{background:white;border:1px solid #e4d7e1;border-radius:20px;padding:clamp(18px,5vw,40px);margin-bottom:30px}h1,h2{color:#422445;font-family:Arial,sans-serif;line-height:1.2}h1{font-size:clamp(2rem,5vw,3rem);margin-top:0}h2{font-size:1.4rem}a{color:#623d65;overflow-wrap:anywhere}a:focus-visible{outline:3px solid #336982;outline-offset:4px}
.skip{position:absolute;inset-block-start:8px;inset-inline-start:12px;background:white;padding:8px 16px;transform:translateY(-150%)}
.skip:focus{transform:none}