body{margin:0;background:#fff9f0;color:#34304b;font:18px/1.8 system-ui,sans-serif}header,main,footer{max-width:780px;margin:auto;padding:24px}header{border-bottom:1px solid #e3d9cd}nav{display:flex;flex-wrap:wrap;gap:24px;margin-top:12px}a{color:#615077;text-underline-offset:3px;overflow-wrap:anywhere}nav a{min-height:44px;display:flex;align-items:center}h1{font-size:34px;line-height:1.4}h2{font-size:24px;margin-top:40px}p{margin:16px 0}footer{border-top:1px solid #e3d9cd;font-size:16px}a:focus-visible{outline:3px solid #8757b0;outline-offset:4px}@media(max-width:480px){header,main,footer{padding:20px}h1{font-size:29px}}