:root{color-scheme:light;--paper:#faf8f1;--ink:#282a24;--muted:#565e53;--line:#c9cbbc;--green:#284c3b}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 "Atkinson Hyperlegible Next",Arial,sans-serif}
header,footer,main{width:min(100% - 40px,800px);margin:auto}header{border-bottom:1px solid var(--ink);padding:23px 0 16px;font:21px Georgia,serif;display:flex;gap:12px;align-items:center}
.book{font-size:32px;color:var(--green)}main{padding:clamp(38px,8vh,92px) 0 24px}h1,h2{font-family:"Hedvig Letters Serif",Georgia,serif;font-weight:400;line-height:1.08}
h1{margin:0 0 16px;font-size:clamp(45px,7vw,74px);letter-spacing:-.045em}h2{font-size:36px;margin:34px 0 7px;overflow-wrap:anywhere}h3{font-size:19px;margin:24px 0 8px}.intro{max-width:580px;color:var(--muted);font-size:19px}
#drop{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;border:1px dashed #879787;border-radius:6px;padding:46px 16px;background:#f0f2e9;color:var(--muted);margin-top:28px}
#drop.over{outline:3px solid var(--green)}#file{position:absolute;width:1px;height:1px;opacity:0}label,button{border:0;border-radius:4px;background:var(--green);color:white;padding:10px 20px;cursor:pointer;font:600 16px/1.4 inherit}label{font-weight:bold}button{font:inherit}#file:focus-visible+label,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8c5a24;outline-offset:4px}
#status{min-height:24px;color:var(--muted)}details{border-top:1px solid var(--line);padding:13px 0}summary{cursor:pointer;font-weight:bold}dl{display:grid;grid-template-columns:minmax(0,130px) minmax(0,1fr);gap:7px 14px}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}blockquote{margin:12px 0;padding:4px 15px;border-left:3px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere}
.file{overflow-wrap:anywhere}.ok{color:var(--green)}.bad{color:#8b302c}.resultNote{margin:5px 0 20px}footer{border-top:1px solid var(--line);padding:18px 0 30px;display:flex;gap:20px}a{color:var(--green)}button{margin-top:20px}

header{justify-content:space-between;align-items:baseline}header a{text-decoration:none;font-weight:bold;color:var(--ink)}header span{font:600 13px/1.4 system-ui;letter-spacing:.06em}#authority{margin-top:20px}#results .lead{font-size:18px;margin:.3em 0}.figure-table{overflow:auto}.figure-table table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.figure-table th,.figure-table td{text-align:start;padding:6px 9px;border-bottom:1px solid var(--line);vertical-align:top}.figure-table th{font-size:.9em}.tools{padding:8px 15px;background:#f1efe8}.tools button{margin:4px 12px 4px 0;font-size:14px}.tools a{margin-right:14px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.87em}.tools output{display:block}details[id^=version-]{scroll-margin-top:12px}
