.article{position:relative;background-color:#0a0a0d;background-image:radial-gradient(circle at 8% 10%,rgb(91 42 134 / .14),transparent 30%),radial-gradient(circle at 94% 6%,rgb(255 122 26 / .08),transparent 28%);padding-block:var(--space-16)}.article__inner{position:relative;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad)}.article__meta{max-width:820px;margin-inline:auto;margin-bottom:var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.article__date{font-size:var(--fs-small);color:var(--color-text-faint);font-weight:600}.article__share{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:var(--space-2);height:40px;padding:0 18px;border-radius:var(--radius-sm);border:none;box-shadow:0 0 0 0 transparent,inset 0 0 0 0 transparent,inset 0 0 0 1px var(--color-border);background:var(--color-bg-elevated);color:var(--color-text-muted);font-size:var(--fs-small);font-weight:600;cursor:pointer;transition:background var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.article__share svg{width:15px;height:15px}@media (hover:hover){.article__share:hover{background:var(--color-bg-elevated-hover);color:var(--color-text)}}.article__share.is-copied{background:var(--color-bg-elevated-hover);color:var(--color-text);animation:sharePop 320ms var(--ease-standard)}@keyframes sharePop{0%{transform:scale(1)}40%{transform:scale(1.08)}100%{transform:scale(1)}}.article__hero{max-width:820px;margin-inline:auto}.article__hero-media{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)}.article__hero-media img{width:100%;height:auto;display:block}.article__body{max-width:820px;margin-inline:auto;margin-top:var(--space-10);font-size:var(--fs-body);line-height:1.7;color:var(--color-text-muted)}.article__body>*+*{margin-top:var(--space-5)}.article__body h2{margin-top:var(--space-10);font-family:var(--font-heading);font-size:26px;font-weight:700;line-height:1.2;color:var(--color-text)}.article__body h3{margin-top:var(--space-8);font-family:var(--font-heading);font-size:21px;line-height:1.3;color:var(--color-text)}.article__body p{color:var(--color-text-muted)}.article__body ul{display:flex;flex-direction:column;gap:var(--space-3);padding-left:var(--space-2)}.article__body li{position:relative;padding-left:var(--space-6);color:var(--color-text-muted)}.article__body li::before{content:"";position:absolute;left:2px;top:11px;width:6px;height:6px;border-radius:50%;background:var(--color-text)}.article__body li strong{color:var(--color-text)}.article__body a{color:var(--color-magenta,#c0298b);text-decoration:none;transition:opacity var(--duration-fast) var(--ease-standard)}.article__body a:hover{opacity:.78}.article__callout{position:relative;padding:var(--space-5) var(--space-6);border-left:3px solid #fff0;border-image:var(--gradient-brand) 1;background:var(--color-bg-elevated);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.article__callout p{font-family:var(--font-heading);font-size:20px;font-style:italic;font-weight:500;line-height:1.5;color:var(--color-text)}.article__inline-media{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)}.article__inline-media img{width:100%;height:auto;display:block}.article__inline-caption{margin-top:var(--space-2);font-size:13px;color:var(--color-text-faint);text-align:center}.article__cta{max-width:820px;margin-inline:auto;margin-top:var(--space-12);padding:var(--space-10);text-align:center;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md)}.article__cta-title{font-family:var(--font-heading);font-size:26px;line-height:1.2;color:var(--color-text)}.article__cta-text{margin-top:var(--space-5);font-size:var(--fs-body);line-height:1.7;color:var(--color-text-muted);max-width:46ch;margin-inline:auto}.article__cta-wrap{margin-top:var(--space-6)}.article__related{max-width:var(--container-max);margin:var(--space-16) auto 0;padding-inline:var(--container-pad)}.article__related-title{font-family:var(--font-heading);font-size:26px;line-height:1.2;color:var(--color-text)}.article__related-carousel{margin-top:var(--space-6);display:flex;align-items:center;gap:var(--space-4)}.article__related-arrow{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text-muted);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.article__related-arrow:hover{background:var(--color-bg-elevated-hover);color:var(--color-text);border-color:var(--color-border-strong)}.article__related-arrow svg{width:20px;height:20px}.article__related-viewport{flex:1;min-width:0;overflow:hidden;container-type:inline-size}.article__related-track{display:flex;gap:var(--space-4);transition:transform 900ms ease-in-out}.article__related-card{flex:0 0 calc((100cqw - 4 * var(--space-4)) / 5);display:flex;flex-direction:column;min-height:230px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-elevated);border:1px solid var(--color-border);transition:border-color var(--duration-fast) var(--ease-standard)}.article__related-card:hover{border-color:var(--color-border-strong)}.article__related-media{display:block;position:relative;aspect-ratio:16 / 9;overflow:hidden}.article__related-media img{width:100%;height:100%;object-fit:cover}.article__related-body{padding:var(--space-3) var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);flex:1}.article__related-title-link{display:block;font-size:13px;font-weight:700;line-height:1.3;color:var(--color-text);transition:color var(--duration-fast) var(--ease-standard)}.article__related-title-link a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.article__related-title-link:hover{color:var(--color-hover-accent)}.article__related-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.article__related-date{font-size:11px;color:var(--color-text-faint)}.article__related-cta{flex-shrink:0;height:30px;padding:0 var(--space-3);border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text-muted);font-size:11px;font-weight:600;white-space:nowrap;transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.article__related-cta:hover{background:var(--color-bg-elevated-hover);color:var(--color-text);border-color:var(--color-border-strong)}@media (max-width:1024px){.article__related-card{flex-basis:calc((100cqw - 2 * var(--space-4)) / 3)}}@media (max-width:767px){.article{padding-top:var(--space-8)}.article__related-card{flex-basis:100cqw}}