:root{--color-primary: #580100;--color-primary-hover: #430100;--color-primary-active: #2f0100;--color-primary-tint: #800000;--color-primary-subtle: #f6eaea;--color-accent: #1B6097;--color-accent-hover: #154e79;--color-accent-subtle: #e8eff5;--color-ink: #1a1a1a;--color-text: #333333;--color-text-muted: #6b6b6b;--color-surface: #ffffff;--color-surface-sunken: #f7f6f6;--color-border: #dddddd;--color-border-subtle: #ebebeb;--color-success: #2e7d52;--color-success-subtle: #e7f2ec;--color-warning: #b8860b;--color-warning-subtle: #f9f0dd;--color-danger: #a3241c;--color-danger-subtle: #f7e7e6;--color-info: #1B6097;--color-info-subtle: #e8eff5;--viz-cat-1: #580100;--viz-cat-2: #1B6097;--viz-cat-3: #b8860b;--viz-cat-4: #4c6b5a;--viz-cat-5: #7c5a8f;--viz-cat-6: #a35b3a;--viz-quad-active: #e8eff5;--viz-quad-critical: #f6eaea;--viz-quad-inert: #f2f2f0;--viz-quad-reactive: #eef2ee;--viz-seq-1: #f6eaea;--viz-seq-2: #e0b3b1;--viz-seq-3: #c47d79;--viz-seq-4: #a3453f;--viz-seq-5: #580100;--font-sans: "Open Sans", Helvetica, Arial, "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 1.953rem;--text-3xl: 2.441rem;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.7;--gradient-brand: linear-gradient(135deg, #580100 0%, #800000 100%);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--space-10: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(20,10,10,.06);--shadow-md: 0 2px 8px rgba(20,10,10,.08);--shadow-lg: 0 8px 24px rgba(20,10,10,.12);--container-max: 1440px;--content-max: 1120px;--ease: cubic-bezier(.2,.7,.3,1);--dur-fast: .12s;--dur-med: .2s;--dur-slow: .32s}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-surface-sunken)}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover);text-decoration:underline}@keyframes vpm-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}}