.article{background:var(--bg-deep,#05070d);min-height:100vh;padding:140px 0 100px;position:relative;overflow:hidden}.article__progress{background:linear-gradient(90deg, var(--blue-glow,#2f8ef7), var(--violet-glow,#8b5cf6));transform-origin:0;z-index:2000;width:100%;height:2px;transition:transform .12s linear;position:fixed;top:0;left:0;transform:scaleX(0)}.article__progress.is-reduced-motion{transition:none}.article__amb{pointer-events:none;filter:blur(100px);z-index:0;border-radius:50%;position:absolute}.article__amb--1{background:radial-gradient(circle,#2f8ef712 0%,#0000 60%);width:700px;height:700px;top:-150px;left:-150px}.article__amb--2{background:radial-gradient(circle,#8b5cf60f 0%,#0000 60%);width:600px;height:600px;bottom:-100px;right:-100px}.article__container{z-index:1;max-width:820px;margin:0 auto;padding:0 24px;position:relative}.article__back{color:var(--text-muted,#8892a0);align-items:center;gap:8px;margin-bottom:40px;font-size:13.5px;font-weight:500;text-decoration:none;transition:color .2s,gap .2s;display:inline-flex}.article__back:hover{color:var(--blue-glow,#2f8ef7);gap:11px}.article__header{margin-bottom:40px}.article__label{letter-spacing:.12em;text-transform:uppercase;color:var(--blue-glow,#2f8ef7);margin-bottom:16px;font-size:12px;font-weight:600;display:inline-block}.article__title{color:var(--text-primary,#f5f7fa);font-size:clamp(2rem,5vw,3rem);line-height:1.15;font-family:var(--font-display,inherit);margin-bottom:18px}.article__dek{color:var(--text-secondary,#aab2bf);margin-bottom:20px;font-size:17px;line-height:1.7}.article__byline{margin-bottom:14px}.article__date{color:var(--text-muted,#8892a0);letter-spacing:.02em;margin-bottom:4px;font-size:13px;font-weight:500}.article__date-updated{color:var(--text-muted,#8892a0);opacity:.85}.article__author{color:var(--text-muted,#8892a0);font-size:13px}.article__author-role{opacity:.8}.article__meta{flex-wrap:wrap;gap:10px;margin-bottom:22px;display:flex}.article__meta-item{border-radius:var(--r-full,999px);color:var(--text-muted,#8892a0);border:1px solid var(--border-faint,#ffffff14);background:#ffffff05;padding:5px 13px;font-size:12px;font-weight:500}.article__hero-figure{margin:0 0 44px}.article__hero-figure img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-lg,16px);border:1px solid var(--border-faint,#ffffff14);width:100%;height:auto}.article__hero-figure figcaption{color:var(--text-muted,#8892a0);text-align:center;margin-top:10px;font-size:13px}.article__prose{color:var(--text-secondary,#aab2bf);font-size:17px;line-height:1.8}.article__prose p{margin-bottom:26px}.article__prose h2{color:var(--text-primary,#f5f7fa);font-size:clamp(1.3rem,2.6vw,1.6rem);line-height:1.35;font-family:var(--font-display,inherit);margin:48px 0 20px;scroll-margin-top:120px}.article__prose h2:first-child{margin-top:0}.article__prose h3{color:var(--text-primary,#f5f7fa);font-size:1.05rem;font-family:var(--font-display,inherit);margin:32px 0 14px;scroll-margin-top:120px}.article__prose ul,.article__prose ol{flex-direction:column;gap:12px;margin:0 0 26px;padding-left:22px;display:flex}.article__prose li{line-height:1.75}.article__prose li::marker{color:var(--blue-glow,#2f8ef7)}.article__prose strong{color:var(--text-primary,#f5f7fa);font-weight:600}.article__prose em{color:var(--text-primary,#f5f7fa);font-style:italic}.article__prose blockquote{border-left:2px solid var(--violet-glow,#8b5cf6);color:var(--text-primary,#f5f7fa);margin:36px 0;padding:4px 0 4px 24px;font-size:18px;font-style:italic;line-height:1.6}.article__prose hr{background:var(--border-faint,#ffffff14);border:none;height:1px;margin:44px 0}.article__prose a{color:var(--blue-glow,#2f8ef7);text-underline-offset:3px;text-decoration:underline}.article__prose figure,.article__figure{margin:36px 0}.article__prose figure img,.article__figure img{border-radius:var(--r-lg,16px);border:1px solid var(--border-faint,#ffffff14);width:100%;height:auto;display:block}.article__prose figcaption,.article__figure figcaption{color:var(--text-muted,#8892a0);text-align:center;margin-top:10px;font-size:13px}.article__figure--wide{width:calc(100% + 220px);max-width:980px;margin-left:-110px;margin-right:-110px}@media (width<=900px){.article__figure--wide{width:100%;margin-left:0;margin-right:0}}.article__prose table{border-collapse:collapse;white-space:nowrap;width:100%;margin:0 0 26px;font-size:15px;display:block;overflow-x:auto}.article__prose th,.article__prose td{border-bottom:1px solid var(--border-faint,#ffffff14);text-align:left;padding:10px 16px}.article__prose th{color:var(--text-primary,#f5f7fa);white-space:nowrap;font-weight:600}.article__prose pre{border:1px solid var(--border-faint,#ffffff14);border-radius:var(--r-md,10px);background:#ffffff08;margin:0 0 26px;padding:18px 20px;font-size:14px;line-height:1.6;overflow-x:auto}.article__prose code{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--text-primary,#f5f7fa);background:#ffffff0f;border-radius:4px;padding:2px 6px;font-size:.9em}.article__prose pre code{background:0 0;padding:0}.article__callout{border-radius:var(--r-lg,16px);background:#2f8ef70d;border:1px solid #2f8ef733;margin:32px 0;padding:24px 26px}.article__callout h3{color:var(--blue-glow,#2f8ef7)!important;margin-top:0!important;font-size:1rem!important}.article__callout p:last-child,.article__callout ul:last-child,.article__callout ol:last-child{margin-bottom:0!important}.article__callout--note{background:#8b5cf60d;border-color:#8b5cf633}.article__callout--note h3{color:var(--violet-glow,#8b5cf6)!important}.article__callout--tip{background:#2dd4bf0d;border-color:#2dd4bf38}.article__callout--tip h3{color:var(--teal-glow,#2dd4bf)!important}.article__callout--warning{background:#f59e0b0f;border-color:#f59e0b40}.article__callout--warning h3{color:#f59e0b!important}.article__related{border-top:1px solid var(--border-faint,#ffffff14);margin-top:60px;padding-top:48px}.article__related-title{color:var(--text-primary,#f5f7fa);font-size:1.1rem;font-family:var(--font-display,inherit);margin-bottom:22px}.article__related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.article__related-card{border-radius:var(--r-md,10px);border:1px solid var(--border-faint,#ffffff14);background:#ffffff04;flex-direction:column;gap:8px;padding:18px;text-decoration:none;transition:border-color .25s,background .25s,transform .25s;display:flex}.article__related-card:hover{border-color:var(--border-subtle,#ffffff24);background:#ffffff08;transform:translateY(-2px)}.article__related-chip{letter-spacing:.05em;text-transform:uppercase;color:var(--blue-glow,#2f8ef7);font-size:10.5px;font-weight:600}.article__related-card h3{color:var(--text-primary,#f5f7fa);margin:0;font-size:14px;font-weight:600;line-height:1.45}.article__related-meta{color:var(--text-muted,#8892a0);margin-top:auto;font-size:12px}.article__closing{border-radius:var(--r-lg,16px);border:1px solid var(--border-faint,#ffffff14);text-align:center;background:#ffffff05;margin-top:64px;padding:40px 36px}.article__closing-title{color:var(--text-primary,#f5f7fa);font-size:1.25rem;font-family:var(--font-display,inherit);margin-bottom:8px}.article__closing-sub{color:var(--text-muted,#8892a0);margin-bottom:24px;font-size:14.5px}.article__closing-btn{border-radius:var(--r-full,999px);background:linear-gradient(135deg, var(--blue-bright,#4da2ff), var(--violet-bright,#a78bfa));color:#fff;align-items:center;gap:8px;padding:14px 30px;font-size:14.5px;font-weight:600;text-decoration:none;transition:transform .25s,box-shadow .25s;display:inline-flex}.article__closing-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #2f8ef759}@media (width<=768px){.article{padding:110px 0 80px}.article__container{padding:0 20px}.article__header{margin-bottom:32px}.article__prose{font-size:16.5px}.article__container{max-width:100%}.article__related-grid{grid-template-columns:1fr}}@media (width<=640px){.article{padding:100px 0 64px}.article__title{line-height:1.2}.article__closing{padding:30px 24px}}@media (width<=400px){.article__container{padding:0 16px}.article__prose blockquote{padding-left:18px;font-size:16.5px}.article__callout{padding:20px 18px}.article__closing{padding:26px 18px}.article__closing-btn{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.article__progress,.article__related-card,.article__closing-btn,.article__back{transition:none}.article__related-card:hover{transform:none}}