.system-page .system-shell,
.system-page .system-shell--faq { width: min(calc(100% - (2 * var(--shell-pad))), var(--container)); max-width: var(--container); margin-inline: auto; }
.system-page .system-hero h1 { font-size: var(--text-display); line-height: var(--leading-display); }
.system-page .system-section h2 { font-size: var(--text-section-title); line-height: var(--leading-section-title); }
.system-page .system-hero__lede,
.system-page .system-v3-close p { max-width: var(--container-copy); }
.system-page .system-split { background: hsl(var(--surface-deep)); }
.system-page .system-split__grid { gap: var(--space-8); }
.system-page .system-blocks__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.system-page .system-spotlight { border-radius: var(--radius-card); box-shadow: var(--shadow-card); }
.system-page .system-other__item:focus-visible { outline: var(--focus-width) solid hsl(var(--accent-conversion)); outline-offset: var(--focus-offset); }
.system-page .system-v3-close { background: hsl(var(--surface-deep)); color: hsl(var(--accent-on-dark)); }
.system-page .system-v3-close h2 { color: hsl(var(--foreground)); }
.system-page .system-v3-close p { color: hsl(var(--muted-warm)); }
@media (max-width: 767px) { .system-page .system-blocks__grid { grid-template-columns: minmax(0, 1fr); } }
@media (prefers-reduced-motion: reduce) { .system-page .system-spotlight { transition: none; } }