/* DOI metadata check — paper & ink-teal, matches theme.css tokens. */
:root { --bg:#f7f6f3; --surface:#fff; --surface-muted:#f0eeea; --border:#e2e0da; --text:#1c1b19;
  --muted:#6e6b64; --accent:#0b4f6c; --accent-soft:#e6f1f5; --warn:#8a3b12; --warn-soft:#fbefe6; }
body { background:var(--bg); color:var(--text); font-family:"IBM Plex Sans","Segoe UI",system-ui,sans-serif; margin:0; }
main { max-width:80rem; margin:0 auto; padding:2rem 1.25rem 3rem; }
h1 { font-family:"Source Serif 4",Georgia,serif; font-weight:600; color:var(--accent); margin:0 0 .25rem; }
.lede { color:var(--muted); max-width:44rem; }
a { color:var(--accent); }
textarea { width:100%; min-height:10rem; font-family:"IBM Plex Mono",ui-monospace,monospace; font-size:.85rem;
  border:1px solid var(--border); border-radius:4px; padding:.6rem; background:var(--surface); box-sizing:border-box; }
.controls { display:flex; gap:1rem; align-items:center; flex-wrap:wrap; margin:.75rem 0; }
button { background:var(--accent); color:#fff; border:0; border-radius:4px; padding:.5rem 1rem; font:inherit; cursor:pointer; }
button:disabled { opacity:.45; cursor:default; }
button.secondary { background:var(--surface); color:var(--accent); border:1px solid var(--accent); }
progress { width:16rem; accent-color:var(--accent); }
#notes, #progress-text, footer { color:var(--muted); font-size:.85rem; }
#summary { display:flex; flex-wrap:wrap; gap:.5rem; list-style:none; padding:0; }
#summary li { background:var(--accent-soft); border-radius:4px; padding:.3rem .6rem; font-size:.85rem; }
.wrap { overflow-x:auto; border:1px solid var(--border); border-radius:4px; background:var(--surface); }
table { border-collapse:collapse; width:100%; font-size:.8rem; }
th, td { text-align:left; padding:.35rem .5rem; border-bottom:1px solid var(--border); vertical-align:top; }
th { background:var(--surface-muted); position:sticky; top:0; }
td.miss { color:var(--warn); font-weight:600; }
tr.flagged td:last-child, tr.flagged td:nth-child(12) { background:var(--warn-soft); }
footer { margin-top:2rem; border-top:1px solid var(--border); padding-top:1rem; }
.topbar { display:flex; justify-content:space-between; align-items:center; }
#theme { font-size:.8rem; padding:.3rem .7rem; }
td.raw a { margin-right:.4rem; font-family:"IBM Plex Mono",ui-monospace,monospace; }
.note { color:var(--muted); font-style:italic; }