:root{font-family:system-ui,sans-serif;color:#180b64;background:#f7f5fc}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:780px;margin:auto;padding:24px}header{display:flex;align-items:center;gap:14px;border-bottom:1px solid #e5dff1}header img{width:48px;height:48px;border-radius:12px}header strong{font-size:28px;letter-spacing:-1px}nav{margin-left:auto;display:flex;flex-wrap:wrap;gap:14px}a{color:#6232f5;text-underline-offset:4px}a:focus-visible{outline:3px solid #9a7eff;outline-offset:4px}h1{font-size:clamp(30px,5vw,42px);line-height:1.15;letter-spacing:-1px}h2{font-size:21px;margin:32px 0 10px}p{line-height:1.75;color:#44376f}footer{border-top:1px solid #e5dff1;font-size:14px}.draft{background:#fff1c9;padding:14px;border-radius:8px}@media(max-width:560px){header{flex-wrap:wrap}nav{margin:0;width:100%;font-size:14px}header,main,footer{padding:20px}}