*{box-sizing:border-box}html{color-scheme:light dark}body{margin:0;background:#f6f7f9;color:#202124;font:17px/1.8 system-ui,-apple-system,sans-serif}main{max-width:900px;margin:auto;padding:clamp(20px,5vw,52px);background:#fff}h1{font-size:clamp(28px,5vw,40px);line-height:1.3}h2{font-size:23px;line-height:1.4;margin-top:38px}a{color:#1457a8;overflow-wrap:anywhere;text-underline-offset:3px}a:focus-visible{outline:3px solid #1457a8;outline-offset:4px}nav{display:flex;gap:14px 24px;flex-wrap:wrap}nav a{padding:6px 0}.meta{color:#555}.summary{padding:18px;border-left:4px solid #1457a8;background:#f0f5fc}section{overflow-wrap:anywhere}footer{margin-top:40px;padding-top:20px;border-top:1px solid #ddd}li{margin:8px 0}@media(prefers-color-scheme:dark){body{background:#121212;color:#eee}main{background:#202124}a{color:#9bc5ff}.meta{color:#ccc}.summary{background:#243247}}