*{box-sizing:border-box}body{margin:0;background:#f5f0fc;color:#251735;font:16px/1.65 system-ui,sans-serif}a{color:#502483}header,main,footer{width:min(100% - 2rem,780px);margin:auto}header{padding:1.5rem 0;border-bottom:1px solid #dfd3ec}header>a{font-size:1.5rem;font-weight:800;text-decoration:none}nav{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.5rem}main{padding:2rem 0}h1{line-height:1.15;font-size:clamp(1.8rem,5vw,2.6rem)}h2{font-size:1.2rem;margin-top:2rem}footer{padding:1.5rem 0;border-top:1px solid #dfd3ec;font-size:.85rem}a:focus-visible{outline:3px solid #7942bb;outline-offset:3px}