/* content.css - VerifAIer docs & legal prose. Loaded after site.css. Reuses tokens. */
.st-prose{max-width:760px}
.st-prose h2{font-size:1.5rem;font-weight:800;letter-spacing:-0.02em;margin:2.6rem 0 1rem;color:var(--text)}
.st-prose h3{font-size:1.12rem;font-weight:700;margin:1.8rem 0 .6rem;color:var(--text)}
.st-prose p{color:var(--muted);margin-bottom:1rem;line-height:1.75}
.st-prose ul{margin:0 0 1.1rem 1.15rem;list-style:disc}
.st-prose li{color:var(--muted);margin-bottom:.5rem;line-height:1.7}
.st-prose a{color:var(--brand)} .st-prose strong{color:var(--text)}
.st-prose code{font-family:var(--mono);font-size:.85em;background:var(--elevated);padding:.12rem .42rem;border-radius:6px;color:#c7d2e0}
.st-prose .st-code{margin:1.25rem 0}
.st-doc-layout{display:grid;grid-template-columns:230px 1fr;gap:3rem;align-items:start}
.st-toc{position:sticky;top:90px;font-size:.88rem}
.st-toc h2{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--faint);margin:0 0 .6rem}
.st-toc a{display:block;color:var(--muted);padding:.3rem 0;border-radius:6px}
.st-toc a:hover,.st-toc a[aria-current="page"]{color:var(--text)}
.st-toc__group{margin-bottom:1.5rem}
/* `.st-note` moved to `site.css` at Gate 5. It was defined here and again in `site.css`
   under a different composition, and a page loading both got this box with that one's
   `display:flex`. One definition now, in the sheet every page loads. */
.st-meta{color:var(--faint);font-size:.85rem;margin-bottom:.5rem;font-family:var(--mono)}
.st-methods{width:100%;border-collapse:collapse;font-size:.88rem;margin:1.25rem 0}
.st-methods th,.st-methods td{padding:.65rem .8rem;border-bottom:1px solid var(--line-soft);text-align:left}
.st-methods thead th{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--faint)}
.st-methods td code{white-space:nowrap}
@media (max-width:860px){.st-doc-layout{grid-template-columns:1fr}.st-toc{position:static;border-bottom:1px solid var(--line);padding-bottom:1rem;margin-bottom:1.75rem}}

/* Phase 7.5, guided-journey prev/next band */
.st-journey{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.st-journey__link{display:flex;flex-direction:column;gap:.15rem;padding:.85rem 1.25rem;border:1px solid var(--line-soft);border-radius:var(--r);background:var(--elevated,#0d1520);min-width:210px;text-decoration:none}
.st-journey__link:hover{border-color:var(--brand)}
.st-journey__prev{margin-right:auto;text-align:left;align-items:flex-start}
.st-journey__next{margin-left:auto;text-align:right;align-items:flex-end}
.st-journey__dir{font-size:.72rem;color:var(--faint);font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em}
.st-journey__label{color:var(--text);font-weight:700}
@media (max-width:560px){.st-journey__link{min-width:100%}.st-journey__next{margin-left:0;text-align:left;align-items:flex-start}}