:root { color-scheme: light; font-family: system-ui, sans-serif; color: #25302d; background: #f7f6f1; }
* { box-sizing: border-box; }
body { margin: 0; }
header, main { max-width: 850px; margin: auto; padding: 1rem 1.4rem; }
header { border-bottom: 1px solid #d6d9d1; }
a { color: #285b4c; }
h1 { font-size: 1.65rem; } h2 { font-size: 1.2rem; }
section { padding: 1rem 0; border-bottom: 1px solid #d6d9d1; }
label { display: block; margin: .7rem 0 .3rem; font-weight: 600; }
textarea { width: 100%; resize: vertical; }
button, textarea, select { font: inherit; padding: .6rem; border: 1px solid #a3aea5; border-radius: 4px; }
button { cursor: pointer; background: #edf2eb; color: inherit; margin: .3rem .3rem .3rem 0; }
button:disabled { cursor: wait; opacity: .6; }
button:focus-visible, textarea:focus-visible, select:focus-visible { outline: 2px solid #286c52; outline-offset: 2px; }
.controls { display: flex; align-items: center; gap: .35rem; flex-wrap: wrap; }
.controls label { margin: 0; }
ul, ol { padding-left: 1.5rem; }
#issues button { width: 100%; text-align: left; white-space: pre-wrap; overflow-wrap: anywhere; }
.original, .reference, #history li { white-space: pre-wrap; overflow-wrap: anywhere; }
.original { padding: 1rem; background: white; border: 1px solid #d6d9d1; }
.reference { font-size: .85rem; }
#notice { min-height: 1.5em; font-weight: 600; }
#uncertain { border-left: 3px solid #8b6836; padding-left: .8rem; }
#recovery form { display: inline; }
[hidden] { display: none !important; }