*{box-sizing:border-box;margin:0}
html,body{height:100%}
body{background:#fafafa;color:#171717;display:grid;place-items:center;padding:16px;font:16px/1.55 "IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif}
main{width:min(440px,100%)}
.mark{font-weight:700;letter-spacing:.08em;font-size:13px;color:#525252;margin-bottom:28px}
h1{font-size:32px;line-height:1.2;font-weight:600;margin-bottom:12px}
p{color:#404040;margin-bottom:12px}
.note{font-size:14px;color:#525252;margin-top:28px}
nav{display:flex;gap:16px;font-size:14px;margin-top:28px}
a{color:#0b3bff;text-underline-offset:3px}
a:focus-visible{outline:2px solid #0b3bff;outline-offset:3px;border-radius:2px}
@media (prefers-color-scheme:dark){body{background:#0a0a0a;color:#f5f5f5}.mark,.note{color:#a3a3a3}p{color:#d4d4d4}a{color:#7d9bff}a:focus-visible{outline-color:#7d9bff}}