*{box-sizing:border-box}body{margin:0;background:#f6f4fc;color:#27223c;font:17px/1.75 system-ui,sans-serif}main{max-width:860px;margin:36px auto;padding:30px}article{background:white;border:1px solid #e2dbea;border-radius:24px;padding:32px}h1{font-size:32px;line-height:1.3;margin:12px 0 24px}h2{font-size:21px;margin:28px 0 8px}p{margin:8px 0;overflow-wrap:anywhere}a{color:#6944ad}nav{display:flex;flex-wrap:wrap;gap:14px;margin:18px 0}nav a{padding:7px 12px;border-radius:12px;background:#eee8f8;text-decoration:none}footer{margin:28px 0;color:#665c77;font-size:14px}[hidden]{display:none!important}@media(max-width:550px){main{margin:0;padding:14px}article{padding:23px}h1{font-size:27px}}