/* Reading pages under /jobbot: release notes, comparison, board guides, help. Built on .policy-page. */
.jobbot-doc .policy-page h1 { text-wrap: balance; }
.jobbot-doc .doc-lede {
  font-size: 1.125rem;
  line-height: 1.6;
  color: var(--text-muted);
  margin: 0 0 24px;
  text-wrap: pretty;
}
.jobbot-doc .policy-page h2 { font-size: 1.4rem; margin-top: 48px; letter-spacing: -0.02em; }
.jobbot-doc .policy-page h3 { margin-top: 28px; }
.jobbot-doc .policy-page ol { padding-left: 1.4em; margin: 12px 0 16px; }
.jobbot-doc .policy-page ol li { margin-bottom: 8px; padding-left: 4px; }
.jobbot-doc .doc-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 24px 0 8px; }
.jobbot-doc .policy-page a.btn { text-decoration: none; }
.jobbot-doc .doc-facts { margin: 16px 0 20px; padding: 0; display: grid; grid-template-columns: max-content 1fr; gap: 10px 24px; }
.jobbot-doc .doc-facts dt { font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.02em; text-transform: uppercase; color: var(--text-muted); padding-top: 4px; }
.jobbot-doc .doc-facts dd { margin: 0; line-height: 1.6; }
.jobbot-doc .release { border-top: 1px solid var(--border); margin-top: 36px; }
.jobbot-doc .release h3 { font-size: 1.15rem; margin: 24px 0 2px; }
.jobbot-doc .release-date { font-family: var(--font-mono); font-size: 12px; color: var(--text-muted); margin: 0 0 12px; }
.jobbot-doc .doc-shot { margin: 24px 0 8px; }
.jobbot-doc .doc-shot img { display: block; width: 100%; height: auto; border-radius: 12px; border: 1px solid var(--border); background: var(--surface-muted); }
.jobbot-doc .doc-shot figcaption { margin-top: 8px; font-size: 0.9rem; color: var(--text-muted); }
.jobbot-doc .doc-table { overflow-x: auto; margin: 16px 0 20px; }
.jobbot-doc .doc-table:focus-visible { outline: 2px solid #ff5a1f; outline-offset: 3px; }
.jobbot-doc .doc-table table { display: table; margin: 0; }
.jobbot-doc .doc-table th, .jobbot-doc .doc-table td { min-width: 0; }
.jobbot-doc .doc-table tbody th { font-family: var(--font-sans); font-size: 0.95rem; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--text); white-space: nowrap; }
.jobbot-doc .doc-wide { max-width: none; }
.jobbot-doc .doc-wide > :not(.doc-table) { max-width: 68ch; }
body.jobbot-doc-wide main .container { max-width: 1180px; }
.jobbot-doc .doc-table.is-wide table { min-width: 1040px; }
.jobbot-doc .doc-table.is-wide th:first-child { position: sticky; left: 0; background: var(--bg); padding-right: 20px; }
.jobbot-doc .doc-table.is-wide thead th:nth-child(2), .jobbot-doc .doc-table.is-wide td:nth-child(2) { background: var(--surface-muted); padding-left: 14px; }
.jobbot-doc .doc-faq { margin-top: 16px; }
.jobbot-doc .doc-faq .faq-item p { font-size: 0.97rem; }
.jobbot-doc .doc-next { margin: 20px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--border); }
.jobbot-doc .doc-next li { margin: 0; border-bottom: 1px solid var(--border); }
.jobbot-doc .doc-next a { display: block; padding: 14px 0; text-decoration: none; color: var(--text); font-weight: 600; }
.jobbot-doc .doc-next a:hover { color: var(--t-link); }
.jobbot-doc .doc-next span { display: block; font-weight: 400; color: var(--text-muted); font-size: 0.95rem; margin-top: 2px; }

@media (max-width: 640px) {
  .jobbot-doc .doc-facts { grid-template-columns: 1fr; gap: 2px 0; }
  .jobbot-doc .doc-facts dd { margin-bottom: 12px; }
  .jobbot-doc .doc-table:not(.is-wide) th, .jobbot-doc .doc-table:not(.is-wide) td { padding-right: 12px; }
  .jobbot-doc .doc-table tbody th { white-space: normal; }
}
.jobbot-doc .visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }