body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
        max-width: 1400px; margin: 1em auto; padding: 0 1em;
        color: #2a2520; background: #f4f1ea; line-height: 1.45; }
h1, h2, h3 { font-family: Georgia, 'Fraunces', serif; font-weight: 400; }
h1 { font-size: 28px; margin-bottom: 0.2em; }
h2 { font-size: 20px; margin-top: 2em; }
.meta { font-family: monospace; font-size: 12px; color: #6b6557; margin-bottom: 1em; }
.nav { font-family: monospace; font-size: 13px; margin: 1em 0; }
.nav a { color: #4a6878; text-decoration: none; margin-right: 1em; }
.nav a:hover { text-decoration: underline; }
table { border-collapse: collapse; width: 100%; font-size: 13px; margin: 1em 0; }
th { text-align: left; padding: 6px 10px; background: #ede9e0; border-bottom: 1px solid #c9c2b6;
     font-family: monospace; font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; color: #6b6557; }
td { padding: 6px 10px; border-bottom: 1px solid #e2dccf; vertical-align: top; }
.answer { font-family: Georgia, serif; font-weight: 600; }
.cid { font-family: monospace; color: #8a7a55; font-size: 11px; }
details { margin: 0.5em 0; }
summary { cursor: pointer; font-family: monospace; font-size: 12px; color: #6b6557;
          padding: 4px 8px; background: #ede9e0; border-radius: 3px; }
summary:hover { background: #ddd6c5; }
pre { margin: 0.5em 0; padding: 0.6em 0.8em; background: #f7f3e8; border-radius: 3px;
      font-family: Georgia, serif; font-size: 13px; white-space: pre-wrap; word-break: break-word; }
.thinking { font-style: italic; color: #4a443d; }
.answer-block { background: #ede9d8; font-weight: 600; color: #2a2520; }
footer { margin-top: 4em; padding-top: 1em; border-top: 1px solid #c9c2b6;
         font-family: monospace; font-size: 11px; color: #6b6557; }