.flow-diagram{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:8px 0;margin:28px 0;padding:24px 20px;background:radial-gradient(ellipse at 0% 0%,rgba(var(--brand-primary-rgb),.05),transparent 55%),var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);position:relative;overflow:hidden}.flow-diagram:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(var(--brand-primary-rgb),.5),transparent)}.flow-step{display:flex;align-items:center;justify-content:center;padding:12px 18px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;line-height:1.35;color:var(--text);text-align:center;max-width:240px;background:linear-gradient(180deg,var(--hairline),transparent),rgba(var(--brand-primary-rgb),.05);box-shadow:0 2px 10px #00000040}.flow-arrow{flex-shrink:0;display:flex;align-items:center;padding:0 10px;color:var(--cyan);font-size:1.15rem;font-weight:700;text-shadow:0 0 10px rgba(var(--brand-primary-rgb),.45);user-select:none}.flow-step--accent,.flow-step--cyan{border-color:rgba(var(--brand-primary-rgb),.55);background:rgba(var(--brand-primary-rgb),.12);color:var(--cyan)}.flow-step--red{border-color:#ef444480;background:#ef44441a;color:var(--red-light)}.flow-step--green{border-color:#22c55e80;background:#22c55e1a;color:var(--green-light)}.flow-step--amber,.flow-step--yellow{border-color:#f59e0b80;background:#f59e0b1a;color:var(--orange-light)}.flow-step--orange{border-color:#f9731680;background:#f973161a;color:#fb923c}.flow-step--blue{border-color:#3b82f680;background:#3b82f61a;color:#93c5fd}.flow-step--purple{border-color:#a855f780;background:#a855f71a;color:var(--purple-light)}@media(max-width:767px){.flow-diagram{flex-direction:column;align-items:stretch;gap:0}.flow-step{max-width:none}.flow-arrow{justify-content:center;transform:rotate(90deg);padding:6px 0}}.article-container{max-width:820px}.article-breadcrumb{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--text-muted);margin-bottom:var(--space-xl)}.article-breadcrumb a{color:var(--cyan);text-decoration:none}.article-breadcrumb a:hover{text-decoration:underline}.article-header{margin-bottom:var(--space-2xl)}.article-title{font-family:var(--font-display, "Orbitron", sans-serif);font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.2;color:var(--text);margin-bottom:var(--space-md)}.article-meta{display:flex;gap:var(--space-lg);color:var(--text-muted);font-size:.9rem}.article-meta i{color:var(--cyan);margin-right:6px}.article-body{line-height:1.8;color:#cbd5e1;font-size:1.1rem}.article-body h2{font-family:var(--font-display, "Orbitron", sans-serif);font-size:1.35rem;color:var(--cyan);margin:var(--space-2xl) 0 var(--space-md)}.article-body h3{font-size:1.18rem;color:var(--text);margin:var(--space-xl) 0 var(--space-sm)}.article-body p{margin-bottom:var(--space-md);color:#cbd5e1}.article-body strong{color:var(--text)}.article-body ul,.article-body ol{margin:0 0 var(--space-md) 1.4em;color:#cbd5e1}.article-body li{margin-bottom:8px}.article-body a{color:var(--cyan)}.article-body code{font-family:JetBrains Mono,monospace;font-size:.88em;background:rgba(var(--brand-primary-rgb),.08);border:1px solid var(--border);border-radius:4px;padding:1px 6px;color:var(--cyan)}.article-body pre{background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);overflow-x:auto;margin-bottom:var(--space-md)}.article-body pre code{background:none;border:none;padding:0;color:#d8e2f0}.article-body table{width:100%;border-collapse:collapse;margin-bottom:var(--space-md);font-size:.95rem}.article-body th,.article-body td{border:1px solid var(--border);padding:10px 14px;text-align:left}.article-body th{background:var(--glass);color:var(--cyan)}.article-body td{color:#cbd5e1}.article-body blockquote{border-left:3px solid var(--cyan);background:var(--glass);padding:var(--space-md) var(--space-lg);border-radius:0 var(--radius-md) var(--radius-md) 0;margin-bottom:var(--space-md)}.article-body blockquote p:last-child{margin-bottom:0}.article-callout{display:flex;gap:var(--space-md);background:rgba(var(--brand-primary-rgb),.06);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);margin:var(--space-xl) 0}.article-callout i{color:var(--cyan);font-size:1.2rem;margin-top:3px}.article-callout p{margin:0;color:#cbd5e1}.article-cta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);flex-wrap:wrap;margin-top:var(--space-2xl);padding:var(--space-xl);background:var(--glass);border:1px solid var(--border);border-radius:var(--radius-xl)}.article-cta h2{font-family:var(--font-display, "Orbitron", sans-serif);font-size:1.15rem;color:var(--text);margin-bottom:6px}.article-cta p{color:var(--text-muted);margin:0}.article-card-meta{display:flex;gap:var(--space-md);font-size:.85rem;color:var(--text-muted);margin-top:auto}.article-card-meta i{color:var(--cyan);margin-right:4px}.article-hero{margin:0 0 var(--space-2xl);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border)}.article-hero img{display:block;width:100%;height:auto}.article-body .stat-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0;justify-content:center}.article-body .stat-row--3{grid-template-columns:repeat(3,1fr)}.article-body .stat-row--1{grid-template-columns:minmax(0,360px)}.article-body .stat-card{display:flex;flex-direction:column;align-items:center;padding:20px 12px;background:var(--glass);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;transition:border-color var(--transition-fast)}.article-body .stat-card:hover{border-color:var(--cyan)}.article-body .stat-value{font-family:var(--font-display, "Orbitron", sans-serif);font-size:2.2rem;font-weight:800;line-height:1;margin-bottom:6px;color:var(--cyan)}.article-body .stat-label{font-size:.82rem;color:var(--text-muted);font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.03em}.article-body .stat-sub{font-size:.8rem;color:var(--text-muted);margin-top:4px}.article-body .stat-card--red .stat-value{color:var(--red-light)}.article-body .stat-card--amber .stat-value{color:var(--orange-light)}.article-body .stat-card--green .stat-value{color:var(--green-light)}.article-body .stat-card--purple .stat-value{color:var(--purple-light)}.article-body figure{margin:var(--space-xl) 0}.article-body figure img{display:block;width:100%;height:auto;border-radius:var(--radius-lg);border:1px solid var(--border)}.article-body figcaption{font-size:.85rem;color:var(--text-muted);text-align:center;margin-top:8px}@media(max-width:640px){.article-body .stat-row,.article-body .stat-row--3{grid-template-columns:1fr 1fr}}@media(max-width:720px){.article-body table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}