*{box-sizing:border-box}body{margin:0;background:#faf9fc;color:#242036;font:17px/1.65 system-ui,sans-serif}header,main,footer{max-width:900px;margin:auto;padding:28px 24px}header{display:flex;justify-content:space-between;border-bottom:1px solid #e0dce9}header a{font-weight:700;text-decoration:none}h1{font-size:clamp(1.8rem,5vw,2.5rem);line-height:1.2}h2{margin-top:2rem;font-size:1.35rem}a{color:#5841a8}li{margin:.6rem 0}footer{display:flex;flex-wrap:wrap;gap:24px;border-top:1px solid #e0dce9}a:focus-visible{outline:3px solid #a98fed;outline-offset:4px}