:root { font-family: Arial, Helvetica, sans-serif; color: #111; background: #e8e8e8; }
* { box-sizing: border-box; }
body { margin: 0; }
main { max-width: 840px; margin: 64px auto; padding: 0 24px; }
header { display: flex; align-items: baseline; gap: 24px; flex-wrap: wrap; margin-bottom: 24px; }
h1 { font-size: 22px; font-weight: 550; margin: 0; }
header span { font: 13px ui-monospace, Consolas, monospace; color: #444; }
pre { margin: 0; padding: 28px; border: 1px solid #999; border-radius: 0; background: white; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; }
code { font: 15px/1.8 ui-monospace, Consolas, monospace; color: #111; }
@media(max-width: 500px) { main { margin: 32px auto; padding: 0 16px; } pre { padding: 20px; } code { font-size: 13px; } }