:root { color-scheme: light dark; --bg: #fff; --fg: #111; --muted-fg: #444; --border: #8888; --chip: #8882; --code-bg: #8881; --link: #0645ad; --err: #b3261e; --warn-bg: #fff3cd; --warn-fg: #664d03; --warn-bd: #ffe69c; --prov-bg: #eef6ee; --prov-fg: #1a3d1a; --prov-bd: #b7d7b7; --ver-bd: #2a7a2a; }
@media (prefers-color-scheme: dark) {
  :root { --bg: #121212; --fg: #e8e8e8; --muted-fg: #b0b0b0; --border: #6668; --chip: #fff2; --code-bg: #fff1; --link: #8cb4ff; --err: #ff8a80; --warn-bg: #4d3b00; --warn-fg: #ffe69c; --warn-bd: #665200; --prov-bg: #1a2e1a; --prov-fg: #c8e6c8; --prov-bd: #3d5c3d; --ver-bd: #6bcf6b; }
}
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; max-width: 860px; margin: 0 auto; padding: 1.5rem; line-height: 1.5; background: var(--bg); color: var(--fg); }
a { color: var(--link); }
header nav a { margin-right: 1rem; }
.lede { font-size: 1.1rem; max-width: 40rem; }
.warning-banner { background: var(--warn-bg); color: var(--warn-fg); border: 1px solid var(--warn-bd); border-radius: 6px; padding: 0.75rem 1rem; margin: 1rem 0; font-size: 0.95rem; }
.provenance, .provenance-panel { background: var(--prov-bg); color: var(--prov-fg); border: 1px solid var(--prov-bd); border-radius: 6px; padding: 0.5rem 0.75rem; margin: 0.5rem 0 0.75rem; font-size: 0.9rem; }
.provenance-panel p { margin: 0.25rem 0; }
.card { border: 1px solid var(--border); border-radius: 8px; padding: 1rem; margin-bottom: 1rem; }
.badge { display: inline-block; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.03em; padding: 0.1rem 0.5rem; border-radius: 999px; border: 1px solid var(--border); margin-right: 0.4rem; }
.badge.verified { border-color: var(--ver-bd); }
.badge.active { font-weight: bold; }
.tag { display: inline-block; font-size: 0.8rem; padding: 0.05rem 0.45rem; border-radius: 4px; background: var(--chip); margin-right: 0.3rem; }
pre code { display: block; white-space: pre-wrap; word-break: break-word; background: var(--code-bg); padding: 1rem; border-radius: 6px; overflow-x: auto; }
form.stack { display: flex; flex-direction: column; gap: 0.6rem; max-width: 640px; }
form.stack.row { flex-direction: row; align-items: center; }
label { font-weight: 600; }
input, textarea, select { font: inherit; padding: 0.4rem; border-radius: 6px; border: 1px solid var(--border); background: transparent; color: inherit; }
textarea { min-height: 8rem; }
.error { color: var(--err); }
.actions { display: flex; gap: 0.5rem; margin-top: 0.5rem; }
button { font: inherit; padding: 0.4rem 0.9rem; border-radius: 6px; border: 1px solid var(--border); cursor: pointer; background: transparent; color: inherit; }
.muted { color: var(--muted-fg); font-size: 0.9rem; opacity: 1; }