:root { --ink:#1a1a1a; --muted:#5b5b5b; --rule:#d8d8d8; --accent:#2e5c3e; --bg:#fff; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink);
  font:16px/1.55 Georgia,'Iowan Old Style',serif; }
header { background:var(--accent); color:#fff; padding:1.6rem 1.25rem; }
header h1 { margin:0; font-size:1.7rem; letter-spacing:.01em; }
header p { margin:.3rem 0 0; opacity:.9; font-size:.95rem; }
.wrap { max-width:60rem; margin:0 auto; padding:0 1.25rem 4rem; }
.about { border-bottom:1px solid var(--rule); padding:1.25rem 0; }
.about p { margin:.4rem 0; color:var(--muted); font-size:.95rem; }
.searchbar { margin:1.1rem 0 .4rem; display:flex; gap:.5rem; flex-wrap:wrap; }
.searchbar input[type=search] { flex:1 1 22rem; padding:.6rem .7rem; font-size:1rem;
  border:1px solid #bbb; border-radius:4px; font-family:inherit; }
.count { color:var(--muted); font-size:.9rem; margin:.3rem 0 0; }
.record { border-bottom:1px solid var(--rule); padding:1.4rem 0; }
.record h2 { margin:0 0 .5rem; font-size:1.12rem; }
.record h2 .id { color:var(--accent); font-variant-numeric:tabular-nums; }
.record h2 .t { margin-left:.6em; }
.f { margin:.35rem 0; }
.f b { font-weight:700; }
pre { white-space:pre-wrap; word-wrap:break-word; margin:.25rem 0 .5rem;
  font:14px/1.5 ui-monospace,Menlo,Consolas,monospace; background:#f7f7f5;
  padding:.6rem .7rem; border-radius:4px; }
.meta { color:var(--muted); font-size:.88rem; margin-top:.5rem; }
table { border-collapse:collapse; margin:.5rem 0; font-size:.9rem; width:100%; max-width:34rem; }
th,td { border:1px solid var(--rule); padding:.35rem .5rem; text-align:left; }
th { background:#f2f2ef; font-weight:700; }
a { color:var(--accent); }
.back { display:inline-block; margin:1.2rem 0; }
mark { background:#fff2a8; }
@media (prefers-color-scheme:dark){
  :root{ --ink:#e8e8e6; --muted:#a5a5a0; --rule:#3a3a38; --accent:#7fb08c; --bg:#161715; }
  pre{ background:#1f211e; } th{ background:#242621; }
  header{ background:#24402d; }
}