/* Document-style pages: /devlog/, /dev/, /spec/ (layouts in layouts/_default/
   and layouts/devlog/). Ported from scripts/build_pages.py BODY_CSS. */

.doc-main { max-width: 780px; margin: 0 auto; padding: clamp(56px, 9vh, 100px) 24px 80px; }
.doc-main .eyebrow { margin: 0 0 12px; font-family: 'IBM Plex Mono', monospace; font-size: 12px; letter-spacing: 0.24em; color: #FF3B1F; }
.doc-main .eyebrow--fail { color: #FF3B1F; }
.doc-main .eyebrow--copy { color: #9A9088; }
.doc-main .doc-title { margin: 0 0 18px; font-family: 'Anton', 'Arial Narrow', sans-serif; font-weight: 400; font-size: clamp(40px, 7vw, 72px); line-height: 0.96; text-transform: uppercase; color: #EDE7DF; text-wrap: balance; }

.devlog-entry { margin: 0 0 64px; }
.devlog-entry .eyebrow { margin: 0 0 8px; }
.devlog-title { margin: 0 0 16px; font-family: 'Anton', sans-serif; font-weight: 400; font-size: 32px; text-transform: uppercase; color: #EDE7DF; }

.doc-body { font-size: 15px; line-height: 1.7; color: #9A9088; }
.doc-body h2 { margin: 34px 0 10px; font-family: 'Anton', sans-serif; font-weight: 400;
  font-size: 24px; text-transform: uppercase; color: #EDE7DF; }
.doc-body p { margin: 0 0 14px; }
.doc-body a { color: #EDE7DF; text-decoration: underline; }
.doc-body a:hover { color: #FF3B1F; }
.doc-body strong { color: #EDE7DF; }
.doc-body em { color: #B8AFA6; }
.doc-body blockquote { margin: 18px 0; padding: 12px 18px; border-left: 3px solid #FF3B1F;
  background: rgba(237,231,223,0.04); color: #B8AFA6; }
.doc-body code { font-family: 'IBM Plex Mono', monospace; font-size: 13px; color: #EDE7DF;
  background: rgba(237,231,223,0.08); padding: 1px 5px; }
.doc-body ul, .doc-body ol { margin: 0 0 14px; padding-left: 22px; }
.doc-body li { margin: 4px 0; }

.bl-table { width: 100%; border-collapse: collapse; font-family: 'IBM Plex Mono', monospace;
  font-size: 12px; }
.bl-table th { text-align: left; padding: 8px 10px; color: #7A7168; letter-spacing: 0.12em;
  border-bottom: 1px solid rgba(237,231,223,0.16); font-weight: 400; }
.bl-table td { padding: 7px 10px; border-bottom: 1px solid rgba(237,231,223,0.07);
  color: #9A9088; vertical-align: top; }
.bl-table td.t { color: #EDE7DF; font-family: inherit; }
.wip { color: #FF3B1F; }

.statgrid { display: flex; gap: 28px; flex-wrap: wrap; margin: 0 0 36px;
  font-family: 'IBM Plex Mono', monospace; }
.statgrid b { display: block; font-family: 'Anton', sans-serif; font-weight: 400;
  font-size: 44px; color: #EDE7DF; line-height: 1; }
.statgrid span { font-size: 11px; letter-spacing: 0.2em; color: #7A7168; }

@media (max-width: 640px) { .bl-table .hide-sm { display: none; } }