/* REAP · styles-docs.css · v1.14.0
   The documentation preview's own rules (the docs frame, its navigation and table of contents, the confirm notes), loaded on
   the docs pages (docs.html and docs-*) only. styles.css carries everything shared. Each rule here names a class that no other page uses; the
   build's split check keeps it that way. */

.docs-wrap { background: #fff; padding-block: 1.5rem 3rem; }
.docs-grid { display: grid; gap: 2rem; grid-template-columns: 1fr; }
@media (min-width: 900px) { .docs-grid { grid-template-columns: 240px minmax(0, 1fr); } }
@media (min-width: 1200px) { .docs-grid { grid-template-columns: 240px minmax(0, 1fr) 200px; } }
.docs-nav { position: sticky; top: 84px; align-self: start; max-height: calc(100vh - 100px); overflow: auto; font-size: .9rem; border-right: 1px solid var(--line); padding-right: 1rem; }
.docs-nav-title { font-size: .72rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--deep); margin: 0 0 .6rem; }
.docs-group { font-weight: 600; color: var(--navy); margin: 1rem 0 .3rem; font-size: .85rem; }
.docs-nav ul { list-style: none; margin: 0; padding: 0; }
.docs-nav a { display: block; padding: .28rem .5rem; border-radius: 6px; color: var(--ink); text-decoration: none; }
.docs-nav a[aria-current="page"] { background: var(--pale); color: var(--navy); font-weight: 600; }
.docs-article h1 { font-size: clamp(1.7rem, 3vw, 2.4rem); }
.docs-article h2 { font-size: 1.35rem; margin-top: 2.2rem; scroll-margin-top: 90px; }
.docs-article h3 { margin-top: 1.4rem; }
.docs-article ul, .docs-article ol { padding-left: 1.3rem; }
.docs-article li { margin-bottom: .35rem; }
.docs-article .table-wrap { margin: 1rem 0 1.5rem; }
.docs-article .tbl { font-size: .88rem; }
.docs-article .note { margin: 1rem 0; }
.docs-banner { background: var(--amber-bg); border: 1px solid var(--status-warning-line); color: var(--status-warning-ink); border-radius: var(--radius-s); padding: .8rem 1rem; font-size: .9rem; margin-bottom: 1.5rem; }
.docs-confirm { background: var(--status-warning-subtle); border: 1px dashed var(--status-warning); border-radius: var(--radius-s); padding: .9rem 1.1rem; margin: 1.5rem 0; font-size: .9rem; }
.docs-confirm strong { display: block; color: var(--status-warning-ink); margin-bottom: .3rem; }
.docs-confirm ul { margin: 0; }
.docs-toc { position: sticky; top: 84px; align-self: start; font-size: .82rem; border-left: 1px solid var(--line); padding-left: 1rem; display: none; }
@media (min-width: 1200px) { .docs-toc { display: block; } }
.docs-toc ul { list-style: none; margin: 0; padding: 0; }
.docs-toc a { display: block; padding: .2rem 0; color: var(--grey); text-decoration: none; }
.docs-updated { margin-top: 3rem; border-top: 1px solid var(--line); padding-top: 1rem; }