:root { color-scheme: light; }
body { margin: 16px; color: #111; background: #fff; font: 13px/1.6 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
main { max-width: 920px; }
h1 { font: bold 14px/1.6 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; margin: 0 0 16px; }
p { margin: 12px 0; }
input, button { font: inherit; max-width: 100%; }
pre { font: inherit; white-space: pre-wrap; overflow-wrap: anywhere; margin: 20px 0; }
summary { cursor: pointer; }
details { margin-top: 24px; }
:focus-visible { outline: 2px solid #111; outline-offset: 3px; }
@media (max-width: 480px) { body { margin: 12px; } }