/* CodLab / Code of Life. A reading surface with restrained spatial guides. */
body.cv-system { --bg: #05070a; background: var(--bg); }
body.cv-system::before { content: none; }
.cv-system .docs-header { background: rgba(5,7,10,.96); border-bottom-color: rgba(243,246,248,.12); backdrop-filter: blur(12px); }
.cv-system .brand { letter-spacing: -.04em; }
.cv-system .brand span { text-transform: none; }
.cv-system .brand b { letter-spacing: 0; font-weight: 400; }
.cv-system .header-state { font-weight: 400; }
.cv-system .docs-sidebar { background: var(--bg); border-right-color: rgba(243,246,248,.12); padding: 28px 20px; }
.cv-system .docs-product-nav { border-bottom-color: rgba(243,246,248,.12); }
.cv-system .sidebar-search > label { font-weight: 400; letter-spacing: .035em; }
.cv-system .sidebar-search input { padding-inline: 12px 32px; border-color: #5c6b7b; border-radius: 3px; background: #090d12; }
.cv-system .sidebar-search > div input { padding-left: 36px; }
.cv-system .sidebar-search input::placeholder { color: #aab4be; }
.cv-system .sidebar-search > p { line-height: 1.7; }
.cv-system .docs-nav h2 { font-weight: 400; letter-spacing: .04em; }
.cv-system .docs-nav a { color: var(--text-soft); border-left-width: 1px; padding: 10px 12px; }
.cv-system .docs-nav a:hover { color: var(--text); }
.cv-system .docs-nav a.active { border-left-color: var(--text); background: rgba(243,246,248,.045); }
.cv-system .sidebar-foot { border-color: rgba(243,246,248,.14); border-left-color: var(--text-dim); border-radius: 0; background: transparent; }
.cv-system .docs-content { position: relative; isolation: isolate; }
.cv-system .docs-content::before { content: ''; position: absolute; top: 0; bottom: 0; left: 22px; border-left: 1px solid rgba(243,246,248,.035); pointer-events: none; z-index: -1; }
.cv-system .docs-section { padding: 80px clamp(28px,4vw,68px); border-bottom-color: rgba(243,246,248,.1); background: transparent; }
.cv-system :is(.docs-hero,.release-notes-hero,.integrations-docs-section) { background: transparent; }
.cv-system :is(.docs-hero,.release-notes-hero)::before { content: none; }
.cv-system .docs-hero { gap: 40px; padding-block: 72px 64px; }
.cv-system .hero-copy { align-self: center; }
.cv-system .hero-copy h1 { max-width: 21ch; font-size: clamp(2.2rem,4vw,3.8rem); line-height: 1.08; font-weight: 500; letter-spacing: -.055em; }
.cv-system .hero-copy > p:last-child { max-width: 58ch; line-height: 1.85; }
.cv-system .eyebrow { color: var(--text-soft); font-weight: 400; }
.cv-system .eyebrow::before { background: var(--text-dim); }
.cv-system .docs-system-orbit { overflow: visible; border: 0; border-radius: 0; background: transparent; }
.cv-system .docs-system-orbit .neural-planet-stage { border: 0; background: transparent; box-shadow: none; }
.cv-system .docs-system-orbit .neural-planet-stage::before { content: none; }
.cv-system .docs-system-orbit figcaption { border: 0; padding: 14px 0 0; font-size: .7rem; line-height: 1.8; color: var(--text-dim); }
.cv-system .docs-system-orbit .planet-motion { border-radius: 3px; font-weight: 400; }
.cv-system .docs-hero > .release-contract { margin-top: 4px; }
.cv-system .release-contract.v-surface { padding: 24px 28px; border: 0; border-left: 2px solid #dfb060; border-radius: 0; background: #0a0e13; box-shadow: none; }
.cv-system .release-contract strong { margin-top: 16px; font-size: 1.2rem; line-height: 1.45; }
.cv-system .release-contract p { max-width: 86ch; line-height: 1.8; }
.cv-system .section-header { margin-bottom: 36px; gap: 24px 48px; }
.cv-system .section-header > span { color: var(--text-dim); font-weight: 400; }
.cv-system .section-header h2 { font-size: clamp(1.9rem,3.1vw,3rem); line-height: 1.13; letter-spacing: -.045em; font-weight: 500; }
.cv-system .section-header > p { max-width: 62ch; line-height: 1.85; }
.cv-system .doc-block { padding-block: 40px; border-top-color: rgba(243,246,248,.11); gap: 36px; }
.cv-system .doc-copy h3 { font-size: clamp(1.4rem,2.1vw,2rem); line-height: 1.25; font-weight: 500; }
.cv-system .doc-copy :is(p,li) { line-height: 1.85; }
.cv-system .doc-copy > p + p { margin-top: 16px; }
.cv-system .doc-index { color: var(--text-dim); font-weight: 400; }
.cv-system .code-card { border-radius: 3px; border-color: rgba(243,246,248,.16); background: #080c11; box-shadow: none; }
.cv-system .code-head { background: #10151b; }
.cv-system .code-head span { color: var(--text-soft); font-weight: 400; }
.cv-system .code-head button { border-radius: 3px; }
.cv-system .code-card pre { line-height: 1.8; }
.cv-system .quickstart-steps { gap: 0; }
.cv-system .quickstart-steps li { padding-block: 24px; border: 0; border-top: 1px solid rgba(243,246,248,.13); border-radius: 0; background: transparent; }
.cv-system .quickstart-steps li::before { top: 24px; color: var(--text-dim); font-weight: 400; }
.cv-system .docs-footer { background: var(--bg); border-top: 1px solid rgba(243,246,248,.14); padding-block: 36px; }
.cv-system .docs-footer nav { gap: 12px 24px; }
.cv-system .docs-footer nav a { min-height: 44px; display: inline-flex; align-items: center; font-size: .9rem; }
.cv-system .release-notes-hero { min-height: 0; padding-block: 76px 64px; }
.cv-system .release-notes-hero h1 { font-size: clamp(2.7rem,5.6vw,5rem); line-height: 1.06; font-weight: 500; letter-spacing: -.055em; }
.cv-system .release-notes-body { background: transparent; padding-block: 80px; }
.cv-system .release-facts { border-radius: 0; background: transparent; border-inline: 0; }
.cv-system .release-facts span { color: var(--text-dim); font-weight: 400; }
.cv-system .release-section-head h2 { font-size: clamp(2rem,4vw,3.8rem); line-height: 1.12; font-weight: 500; }
.cv-system .ga-feature-grid { gap: 0 32px; }
.cv-system .ga-feature { min-height: 0; border: 0; border-top: 1px solid rgba(243,246,248,.15); border-radius: 0; background: transparent; padding: 32px 0; }
.cv-system .ga-feature h3 { font-size: 1.8rem; line-height: 1.25; font-weight: 500; }
.cv-system .release-security-callout aside { border-radius: 0; background: #0a0e13; }
.cv-system .upgrade-checklist ol { border-radius: 0; background: transparent; }
.cv-system .release-links { border-radius: 0; background: transparent; }
.cv-system .error-page { border-inline: 1px solid rgba(243,246,248,.08); padding-inline: clamp(16px,4vw,48px); }
.cv-system .error-page h1 { font-weight: 500; line-height: 1.08; }
@media(max-width:1120px) {
 .cv-system .docs-hero { gap: 32px; }
 .cv-system .docs-system-orbit { max-width: 480px; }
}
@media(max-width:780px) {
 .cv-system .docs-sidebar { padding: 24px 20px; background: #080c11; }
 .cv-system .docs-content::before { left: 12px; }
 .cv-system .docs-section { padding: 52px 24px; }
 .cv-system .docs-hero { padding-top: 48px; gap: 28px; }
 .cv-system .hero-copy h1 { font-size: clamp(2.25rem,9vw,3.4rem); }
 .cv-system .section-header { margin-bottom: 28px; }
 .cv-system .section-header h2 { font-size: clamp(1.9rem,7.6vw,2.7rem); }
 .cv-system .doc-block { padding-block: 28px; gap: 28px; }
 .cv-system .release-contract.v-surface { padding: 22px 20px; }
 .cv-system .docs-system-orbit figcaption { font-size: .72rem; }
 .cv-system .release-notes-hero { padding-block: 56px; }
 .cv-system .release-notes-body { padding-block: 56px; }
 .cv-system .docs-footer { padding-block: 32px; }
}
@media(forced-colors:active) {
 .cv-system .docs-content::before { display: none; }
 .cv-system .release-contract.v-surface { border: 1px solid CanvasText; }
}