:root{--genai-brand-teal: #117d9b;--genai-brand-teal-light: #1a9fc4;--genai-brand-teal-dark: #0d5f76;--genai-brand-orange: #f99c24;--genai-brand-orange-light: #fab750;--genai-brand-orange-dark: #e08510;--genai-brand-blue: #318ad3;--genai-brand-blue-light: #5aa3e0;--genai-brand-blue-dark: #2570b0;--genai-neutral-50: #fafafa;--genai-neutral-100: #f5f5f5;--genai-neutral-200: #e5e5e5;--genai-neutral-300: #d4d4d4;--genai-neutral-400: #a3a3a3;--genai-neutral-500: #737373;--genai-neutral-600: #525252;--genai-neutral-700: #404040;--genai-neutral-800: #262626;--genai-neutral-900: #171717;--genai-neutral-950: #0a0a0a;--genai-success: #22c55e;--genai-success-dark: #16a34a;--genai-warning: #f59e0b;--genai-warning-dark: #d97706;--genai-error: #ef4444;--genai-error-dark: #dc2626;--genai-info: #3b82f6;--genai-info-dark: #2563eb;--genai-level-l1: #94a3b8;--genai-level-l2: #818cf8;--genai-level-l3: #3b82f6;--genai-level-l4: #22c55e;--genai-level-l5: #8b5cf6;--genai-space-xs: .25rem;--genai-space-sm: .5rem;--genai-space-md: 1rem;--genai-space-lg: 1.5rem;--genai-space-xl: 2rem;--genai-space-2xl: 3rem;--genai-space-3xl: 4rem;--genai-font-display: "Outfit", system-ui, -apple-system, sans-serif;--genai-font-body: "Outfit", system-ui, -apple-system, sans-serif;--genai-font-mono: "JetBrains Mono", "Fira Code", monospace;--genai-text-xs: .75rem;--genai-text-sm: .875rem;--genai-text-base: 1rem;--genai-text-lg: 1.125rem;--genai-text-xl: 1.25rem;--genai-text-2xl: 1.5rem;--genai-text-3xl: 1.875rem;--genai-text-4xl: 2.25rem;--genai-leading-tight: 1.25;--genai-leading-normal: 1.5;--genai-leading-relaxed: 1.75;--genai-weight-normal: 400;--genai-weight-medium: 500;--genai-weight-semibold: 600;--genai-weight-bold: 700;--genai-radius-sm: .25rem;--genai-radius-md: .5rem;--genai-radius-lg: .75rem;--genai-radius-xl: 1rem;--genai-radius-full: 9999px;--genai-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--genai-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--genai-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--genai-transition-fast: .15s ease;--genai-transition-normal: .25s ease;--genai-transition-slow: .35s ease;--genai-sem-page-bg: var(--genai-neutral-50);--genai-sem-surface-bg: #ffffff;--genai-sem-surface-raised: var(--genai-neutral-100);--genai-sem-text-primary: var(--genai-neutral-900);--genai-sem-text-secondary: var(--genai-neutral-600);--genai-sem-text-muted: var(--genai-neutral-400);--genai-sem-border: var(--genai-neutral-200);--genai-sem-border-strong: var(--genai-neutral-300);--genai-sem-accent: var(--genai-brand-teal);--genai-sem-accent-hover: var(--genai-brand-teal-light);--genai-sem-cta: var(--genai-brand-orange);--genai-sem-cta-hover: var(--genai-brand-orange-light);--genai-sem-link: var(--genai-brand-blue);--genai-sem-link-hover: var(--genai-brand-blue-light);--genai-sem-color-link: var(--genai-brand-blue-light);--genai-sem-color-success: var(--genai-success);--genai-sem-color-warning: var(--genai-warning);--genai-sem-color-error: var(--genai-error);--genai-sem-color-info: var(--genai-info);--genai-sem-text-tertiary: var(--genai-neutral-500);--genai-sem-border-subtle: var(--genai-neutral-100)}[data-theme=dark]{--genai-sem-page-bg: #0c1222;--genai-sem-surface-bg: #111827;--genai-sem-surface-raised: #1e293b;--genai-sem-header-bg: #111827;--genai-sem-header-border: #1e293b;--genai-sem-text-primary: #f8fafc;--genai-sem-text-secondary: #a8b5c7;--genai-sem-text-muted: #8b99ad;--genai-sem-border: #1e293b;--genai-sem-border-strong: #334155;--genai-sem-accent: #5bb7c8;--genai-sem-accent-hover: #8ecdd9;--genai-sem-accent-border: #117d9b;--genai-sem-cta: #f99c24;--genai-sem-cta-hover: #fab750;--genai-sem-link: #5bb7c8;--genai-sem-link-hover: #8ecdd9;--genai-sem-nav-text: #a8b5c7;--genai-sem-nav-text-active: #5bb7c8;--genai-sem-nav-border-active: #117d9b;--genai-sem-input-bg: #1e293b;--genai-sem-input-border: #334155;--genai-sem-input-focus-border: #117d9b;--genai-sem-input-focus-ring: rgba(17, 125, 155, .25);--genai-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--genai-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .3);--genai-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5), 0 4px 6px -4px rgb(0 0 0 / .3);--genai-shadow-glow: 0 0 30px -5px rgba(17, 125, 155, .35)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--genai-font-body);font-size:16px;line-height:var(--genai-leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--genai-sem-page-bg);color:var(--genai-sem-text-primary);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--genai-font-display);font-weight:var(--genai-weight-semibold);line-height:var(--genai-leading-tight)}code,pre,kbd{font-family:var(--genai-font-mono)}a{color:var(--genai-sem-link);text-decoration:none;transition:color var(--genai-transition-fast)}a:hover{color:var(--genai-sem-link-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--genai-space-sm);padding:var(--genai-space-sm) var(--genai-space-lg);border:1px solid transparent;border-radius:var(--genai-radius-md);font-family:var(--genai-font-body);font-size:var(--genai-text-sm);font-weight:var(--genai-weight-medium);cursor:pointer;transition:all var(--genai-transition-fast);line-height:var(--genai-leading-tight)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--genai-sem-accent);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--genai-sem-accent-hover)}.btn-cta-primary{background-color:var(--genai-sem-cta);color:var(--genai-neutral-900);font-weight:var(--genai-weight-semibold)}.btn-cta-primary:hover:not(:disabled){background-color:var(--genai-sem-cta-hover)}.btn-secondary{background-color:transparent;color:var(--genai-sem-text-primary);border-color:var(--genai-sem-border-strong)}.btn-secondary:hover:not(:disabled){background-color:var(--genai-sem-surface-raised)}.btn-ghost{background-color:transparent;color:var(--genai-sem-text-secondary)}.btn-ghost:hover:not(:disabled){color:var(--genai-sem-text-primary);background-color:var(--genai-sem-surface-raised)}.card{background-color:var(--genai-sem-surface-bg);border:1px solid var(--genai-sem-border);border-radius:var(--genai-radius-lg);padding:var(--genai-space-lg);box-shadow:var(--genai-shadow-sm)}.card-interactive{background-color:var(--genai-sem-surface-bg);border:1px solid var(--genai-sem-border);border-radius:var(--genai-radius-lg);padding:var(--genai-space-lg);box-shadow:var(--genai-shadow-sm);cursor:pointer;transition:all var(--genai-transition-fast)}.card-interactive:hover{border-color:var(--genai-sem-accent);box-shadow:var(--genai-shadow-md);transform:translateY(-1px)}.glass{background:#ffffff0d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:var(--genai-radius-lg)}.input-field{display:block;width:100%;padding:var(--genai-space-sm) var(--genai-space-md);background-color:var(--genai-sem-surface-bg);border:1px solid var(--genai-sem-border);border-radius:var(--genai-radius-md);color:var(--genai-sem-text-primary);font-family:var(--genai-font-body);font-size:var(--genai-text-base);transition:border-color var(--genai-transition-fast)}.input-field:focus{outline:none;border-color:var(--genai-sem-accent);box-shadow:0 0 0 2px #117d9b33}.input-field::placeholder{color:var(--genai-sem-text-muted)}.badge{display:inline-flex;align-items:center;padding:.125rem var(--genai-space-sm);border-radius:var(--genai-radius-full);font-size:var(--genai-text-xs);font-weight:var(--genai-weight-medium);line-height:var(--genai-leading-tight)}.badge-success{background-color:#22c55e26;color:var(--genai-success)}.badge-warning{background-color:#f59e0b26;color:var(--genai-warning)}.badge-error{background-color:#ef444426;color:var(--genai-error)}.badge-info{background-color:#3b82f626;color:var(--genai-info)}.badge-maintenance{background-color:#9ca3af33;color:var(--genai-sem-text-muted, #6b7280)}.badge-infra{background-color:#6b728033;color:var(--genai-sem-text-muted, #4b5563)}.badge-legacy{background-color:#f59e0b26;color:var(--genai-warning);font-size:.75em;margin-left:.5em}.badge-l1{background-color:#ef444426;color:var(--genai-level-l1)}.badge-l2{background-color:#f59e0b26;color:var(--genai-level-l2)}.badge-l3{background-color:#3b82f626;color:var(--genai-level-l3)}.badge-l4{background-color:#22c55e26;color:var(--genai-level-l4)}.badge-l5{background-color:#8b5cf626;color:var(--genai-level-l5)}.container{max-width:1280px;margin:0 auto;padding:0 var(--genai-space-lg)}.grid{display:grid;gap:var(--genai-space-lg)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.panel-pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--genai-space-lg)}@media(max-width:768px){.panel-pair{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--genai-space-sm)}.gap-md{gap:var(--genai-space-md)}.gap-lg{gap:var(--genai-space-lg)}.text-xs{font-size:var(--genai-text-xs)}.text-sm{font-size:var(--genai-text-sm)}.text-base{font-size:var(--genai-text-base)}.text-lg{font-size:var(--genai-text-lg)}.text-xl{font-size:var(--genai-text-xl)}.text-2xl{font-size:var(--genai-text-2xl)}.text-3xl{font-size:var(--genai-text-3xl)}.text-primary{color:var(--genai-sem-text-primary)}.text-secondary{color:var(--genai-sem-text-secondary)}.text-muted{color:var(--genai-sem-text-muted)}.text-accent{color:var(--genai-sem-accent)}.font-medium{font-weight:var(--genai-weight-medium)}.font-semibold{font-weight:var(--genai-weight-semibold)}.font-bold{font-weight:var(--genai-weight-bold)}.font-mono{font-family:var(--genai-font-mono)}.p-sm{padding:var(--genai-space-sm)}.p-md{padding:var(--genai-space-md)}.p-lg{padding:var(--genai-space-lg)}.p-xl{padding:var(--genai-space-xl)}.mt-sm{margin-top:var(--genai-space-sm)}.mt-md{margin-top:var(--genai-space-md)}.mt-lg{margin-top:var(--genai-space-lg)}.mt-xl{margin-top:var(--genai-space-xl)}.mb-sm{margin-bottom:var(--genai-space-sm)}.mb-md{margin-bottom:var(--genai-space-md)}.mb-lg{margin-bottom:var(--genai-space-lg)}.repo-table{width:100%;border-collapse:collapse;border:1px solid var(--genai-sem-border);font-size:var(--genai-text-sm)}.repo-table th{text-align:left;font-weight:600;padding:var(--genai-space-sm) var(--genai-space-md);background:var(--genai-sem-surface-bg);border-bottom:2px solid var(--genai-sem-border);position:sticky;top:0;z-index:1}.repo-table td{padding:var(--genai-space-sm) var(--genai-space-md);border-bottom:1px solid var(--genai-sem-border)}.repo-table tr:hover td{background:var(--genai-sem-surface-bg)}.repo-table a{color:var(--genai-sem-accent);text-decoration:none;font-weight:500}.repo-table a:hover{text-decoration:underline}.section-header{font-weight:600;font-size:var(--genai-text-md);display:flex;align-items:center;gap:var(--genai-space-sm);padding:var(--genai-space-md) 0}.repo-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.repo-table th.sortable:hover{color:var(--genai-sem-accent)}.sort-indicator{font-size:var(--genai-text-xs);margin-left:var(--genai-space-xs)}.section-header-cell{background:var(--genai-sem-surface-bg);border-bottom:2px solid var(--genai-sem-border);padding:var(--genai-space-xs) var(--genai-space-md)}.section-toggle{display:inline-block;width:1em;font-size:var(--genai-text-sm)}