body{margin:0;background:#faf7ff;color:#2c2436;font:17px/1.65 system-ui,sans-serif}main{max-width:760px;margin:auto;padding:32px 24px 64px}a{color:#592995;text-underline-offset:3px}a:focus-visible{outline:3px solid #9958c9;outline-offset:4px}h1{font-size:clamp(28px,6vw,40px);line-height:1.2}h2{font-size:23px;margin-top:32px}nav{display:flex;flex-wrap:wrap;gap:16px;font-size:15px}header{border-bottom:1px solid #ddd0ef;padding-bottom:24px}.draft{background:#fff0cb;border:1px solid #bb8300;padding:16px;border-radius:8px}.action{display:inline-block;background:#592995;color:white;padding:12px 20px;border-radius:10px}footer{margin-top:40px;font-size:14px;border-top:1px solid #ddd0ef;padding-top:20px}nav a{display:inline-flex;align-items:center;min-height:48px;min-width:48px;box-sizing:border-box}