body { margin: 0; background: #fafafa; color: #202020; font: 1rem/1.5 system-ui, sans-serif; }
main { box-sizing: border-box; margin: 8vh auto; max-width: 36rem; padding: 1.5rem; }
h1 { font-size: 1.6rem; }
nav { display: flex; flex-wrap: wrap; gap: 1rem; margin-block-start: 2rem; }
a { color: #202020; text-underline-offset: .2em; }
button { border: 1px solid #c89f19; background: #ffc928; border-radius: .5rem; color: #202020; font: inherit; padding: .75rem 1rem; margin-block: .5rem; cursor: pointer; }
button[hidden] { display: none; }
:focus-visible { outline: 3px solid #155ab8; outline-offset: 3px; }