body{font:17px/1.65 system-ui,sans-serif;color:#18272f;background:#f5f7f8;margin:0}header,main,footer{max-width:900px;margin:auto;padding:24px}header{display:flex;gap:24px;flex-wrap:wrap}a{color:#075a78}article{background:white;border:1px solid #dce4e8;border-radius:12px;padding:28px;margin:24px 0}h1,h2{line-height:1.25}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}input,button{font:inherit;padding:8px;margin:8px;border:1px solid #8799a4;border-radius:6px}input{max-width:90%}.meta{font-size:14px;color:#52636f;overflow-wrap:anywhere}footer{font-size:14px}