:root{--bg-deep: #080a0f;--bg-base: #0d1017;--bg-surface: #121722;--bg-surface-raised: #181f2e;--bg-surface-elevated: #1e2638;--bg-surface-hover: #242e42;--steel-900: #151922;--steel-800: #1d2330;--steel-700: #293245;--steel-600: #3a4660;--steel-400: #64748b;--steel-300: #94a3b8;--steel-100: #e2e8f0;--bg-light-panel: #f1f4f8;--text-dark-primary: #0a0d14;--text-dark-secondary: #334155;--border-light-panel: #d6dde7;--signal-cyan: #00e5ff;--signal-cyan-glow: rgba(0, 229, 255, .25);--signal-cyan-dim: rgba(0, 229, 255, .08);--signal-cyan-border: rgba(0, 229, 255, .35);--signal-green: #00e599;--signal-green-glow: rgba(0, 229, 153, .25);--signal-green-dim: rgba(0, 229, 153, .08);--signal-amber: #ffb703;--signal-amber-glow: rgba(255, 183, 3, .25);--signal-amber-dim: rgba(255, 183, 3, .08);--signal-orange: #fb8500;--signal-crimson: #ff334b;--signal-crimson-dim: rgba(255, 51, 75, .1);--accent-cyan: var(--signal-cyan);--accent-emerald: var(--signal-green);--accent-amber: var(--signal-amber);--bg-primary: var(--bg-deep);--bg-secondary: var(--bg-surface);--bg-tertiary: var(--steel-900);--bg-card: var(--bg-surface);--bg-card-hover: var(--bg-surface-raised);--text-primary: #f8fafc;--text-primary-bright: #ffffff;--text-secondary: #94a3b8;--text-tertiary: #64748b;--text-muted: #475569;--text-accent: var(--signal-cyan);--border-subtle: rgba(255, 255, 255, .07);--border-medium: rgba(255, 255, 255, .13);--border-strong: rgba(255, 255, 255, .22);--border-tech: rgba(0, 229, 255, .28);--border-green: rgba(0, 229, 153, .3);--border-amber: rgba(255, 183, 3, .3);--cad-grid-major: rgba(255, 255, 255, .04);--cad-grid-minor: rgba(255, 255, 255, .015);--cad-crosshair: rgba(0, 229, 255, .15);--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, Menlo, monospace;--container-max: 1260px;--container-wide: 1400px;--container-narrow: 860px;--header-height: 72px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--shadow-flat: 0 1px 2px rgba(0, 0, 0, .5);--shadow-raised: 0 8px 24px rgba(0, 0, 0, .65);--shadow-floating: 0 16px 48px rgba(0, 0, 0, .8);--shadow-cyan-sm: 0 0 16px rgba(0, 229, 255, .2);--shadow-cyan-lg: 0 0 32px rgba(0, 229, 255, .3);--ease-out-tech: cubic-bezier(.16, 1, .3, 1);--transition-fast: .14s var(--ease-out-tech);--transition-normal: .24s var(--ease-out-tech);--transition-smooth: .4s var(--ease-out-tech)}.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}