:root{--bg-primary: #090d16;--bg-secondary: #0f1624;--bg-card: #131c2e;--bg-card-hover: #18233a;--bg-surface: #172238;--bg-elevated: #1e2c47;--bg-light: #f8fafc;--bg-light-subtle: #f1f5f9;--text-light-heading: #0f172a;--text-light-body: #334155;--text-light-muted: #64748b;--border-light: #e2e8f0;--accent-cyan: #00d2eb;--accent-cyan-dim: rgba(0, 210, 235, .12);--accent-cyan-border: rgba(0, 210, 235, .35);--accent-emerald: #00d084;--accent-emerald-dim: rgba(0, 208, 132, .12);--accent-amber: #f59e0b;--accent-amber-dim: rgba(245, 158, 11, .12);--accent-blue: #38bdf8;--accent-blue-dim: rgba(56, 189, 248, .12);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-tertiary: #64748b;--text-accent: #00d2eb;--text-inverse: #090d16;--border-subtle: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .14);--border-strong: rgba(255, 255, 255, .22);--border-tech: rgba(0, 210, 235, .25);--grid-line-color: rgba(255, 255, 255, .035);--grid-cross-color: rgba(0, 210, 235, .18);--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;--font-editorial: "Plus Jakarta Sans", Georgia, sans-serif;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 4px 12px rgba(0, 0, 0, .45);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .6);--shadow-tech: 0 0 24px rgba(0, 210, 235, .12);--container-max: 1240px;--container-wide: 1380px;--container-narrow: 840px;--header-height: 72px;--transition-fast: .15s cubic-bezier(.16, 1, .3, 1);--transition-base: .22s cubic-bezier(.16, 1, .3, 1);--transition-slow: .35s cubic-bezier(.16, 1, .3, 1)}.article-header{padding-top:clamp(2.5rem,5vw,4rem);padding-bottom:2.5rem;border-bottom:1px solid var(--border-subtle);margin-bottom:3rem}.article-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem;margin-bottom:1.25rem;font-family:var(--font-mono);font-size:.8rem;color:var(--text-tertiary)}.article-meta-item{display:flex;align-items:center;gap:.4rem}.article-meta-item svg{width:14px;height:14px;color:var(--accent-cyan)}.article-title{font-size:clamp(2rem,3.8vw,3rem);line-height:1.15;font-weight:800;margin-bottom:1.25rem;letter-spacing:-.03em}.article-lead{font-size:clamp(1.15rem,1.8vw,1.3rem);line-height:1.6;color:#cbd5e1;max-width:820px}.article-grid{display:grid;grid-template-columns:1fr;gap:3.5rem}@media(min-width:1024px){.article-grid{grid-template-columns:minmax(0,1fr) 300px}}.article-body{font-size:1.05rem;line-height:1.8;color:#cbd5e1}.article-body h2{font-size:clamp(1.5rem,2.4vw,1.85rem);margin-top:2.75rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle);color:var(--text-primary)}.article-body h3{font-size:1.3rem;margin-top:2rem;margin-bottom:.75rem;color:var(--text-primary)}.article-body p{margin-bottom:1.4rem;color:#cbd5e1}.article-body ul,.article-body ol{margin-bottom:1.5rem;padding-left:1.25rem}.article-body li{margin-bottom:.6rem;color:#cbd5e1;list-style:disc}.tech-callout{background-color:var(--bg-card);border-left:3px solid var(--accent-cyan);border-top:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:1.5rem 1.75rem;margin:2rem 0;border-radius:var(--radius-xs)}.tech-callout-label{font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--accent-cyan);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.tech-callout p:last-child{margin-bottom:0}.table-wrapper{overflow-x:auto;margin:2rem 0;border:1px solid var(--border-medium);border-radius:var(--radius-xs)}.tech-table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}.tech-table th{background-color:var(--bg-surface);font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-cyan);padding:.85rem 1rem;border-bottom:1px solid var(--border-medium)}.tech-table td{padding:.85rem 1rem;border-bottom:1px solid var(--border-subtle);color:#cbd5e1}.tech-table tr:last-child td{border-bottom:none}.tech-table tr:hover td{background-color:var(--bg-card-hover)}.tech-table td.mono{font-family:var(--font-mono);color:var(--text-primary)}.article-sidebar{display:flex;flex-direction:column;gap:1.75rem}.sidebar-widget{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);padding:1.5rem}.sidebar-title{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.sidebar-roles-list{display:flex;flex-direction:column;gap:.6rem}.sidebar-role-item{font-size:.875rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.sidebar-role-item:before{content:"•";color:var(--accent-cyan);font-weight:700}