/* The original page, verbatim (BUILD_PROMPT_V3 §14), then as little as possible. */
body{background:#0c0f0e;color:#cdd3cf;font:16px/1.6 ui-monospace,monospace;max-width:40rem;margin:4rem auto;padding:0 1.5rem}
h1{font-weight:400;letter-spacing:.1em}
a{color:#e0a96d}
.d{color:#6b746d}

/* additions */
h2{font-weight:400;font-size:1rem;letter-spacing:.1em;text-transform:uppercase;margin:2rem 0 .5rem}
header.top{position:sticky;top:0;background:#0c0f0e;padding:.5rem 0 .4rem;border-bottom:1px solid #1d2320;z-index:2}
header.top p{margin:0;white-space:pre-wrap}
p{margin:0 0 .9rem}
ul{list-style:none;padding:0;margin:0 0 1rem}
li{margin:0 0 .45rem}
.danger{color:#c4836f}
button,.b{font:inherit;color:#e0a96d;background:none;border:0;padding:.55rem .15rem;min-height:44px;cursor:pointer;text-decoration:none;display:inline-block}
button:focus-visible,.b:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #e0a96d;outline-offset:2px}
form{margin:0}
form.inline{display:inline}
input,textarea,select{font:inherit;color:#cdd3cf;background:#0c0f0e;border:1px solid #2a312d;padding:.4rem .5rem;max-width:100%;box-sizing:border-box}
textarea{width:100%;min-height:6rem}
input[type=text]{width:100%}
input[type=radio],input[type=checkbox]{accent-color:#e0a96d;min-width:1.1rem;min-height:1.1rem}
label{display:block;margin:.2rem 0}
nav.menu{margin:2.5rem 0 1rem}
nav.menu a{display:inline-block;min-height:44px;line-height:44px;margin-right:.4rem}
.card{margin:0 0 1.4rem}
.opts{margin:.2rem 0 .2rem 1ch}
.beats li{margin:0 0 .35rem}
pre{font:inherit;white-space:pre-wrap;margin:0 0 1rem}
.sr{position:absolute;left:-9999px}
@media (max-width:40rem){body{margin:2rem auto;padding:0 1.25rem}}