.article-page{background:radial-gradient(ellipse 850px 550px at 85% 0,#9b5fe510,transparent 80%)}.article-page .article-shell{max-width:1180px;padding-block:36px 88px}.article-page .article-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:center;gap:56px;padding:32px 0 56px;border-bottom:1px solid var(--line)}.article-page .article-back{display:inline-flex;align-items:center;gap:8px;font-size:13px;margin-bottom:32px}.article-page .article-topic{color:var(--purple)}.article-page h1{font-size:clamp(34px,3.7vw,52px);line-height:1.12;letter-spacing:-1.8px;margin:16px 0 22px;text-wrap:balance}.article-page .article-lead{font-size:17px;line-height:1.8;color:#bcb3c6;max-width:580px}.article-page .article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:26px 0 0;font-size:12px;color:#aea3b9}.article-page .article-meta>span{display:inline-flex;align-items:center;gap:7px}.article-page .article-meta .article-author{color:#e4dbea}.article-author-mark{display:grid;place-items:center;width:28px;height:28px;border:1px solid #745191;border-radius:50%;background:#2a1d37;color:#d6b5ff;font-weight:600}.article-page .article-hero-art .guide-cover{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;justify-content:stretch;aspect-ratio:auto;height:320px;padding:26px;gap:20px;border-radius:22px;background:radial-gradient(ellipse at 50% 55%,#9c52d32b,transparent 70%),linear-gradient(145deg,#1e1628,#120f19);box-shadow:0 24px 64px #00000025}.article-page .cover-topic{display:flex;align-items:center;justify-content:center;gap:28px;height:100%;color:#bd9df6}.article-page .cover-topic-brand,.article-page .cover-topic-symbol{display:grid;place-items:center}.article-page .cover-topic-brand>svg{width:72px;height:72px}.article-page .article-hero-art .cover-topic-brand>svg{width:112px;height:112px}.article-page .article-hero-art .cover-topic-symbol{width:76px;height:76px;border:1px solid #79549a55;border-radius:22px;background:#b481f00a;rotate:-6deg}.article-page .article-hero-art .cover-topic-symbol>svg{rotate:6deg}.article-page .article-hero-art .cover-levels{height:auto;align-self:center}.article-page .article-hero-art .cover-levels .guide-product-art{width:48px;height:48px}.article-page .article-hero-art .cover-levels>div{gap:5px}.article-page .article-hero-art .cover-comparison{align-self:center}.article-page .article-layout{display:grid;grid-template-columns:240px minmax(0,720px);justify-content:space-between;gap:64px;padding-top:56px}.article-page .article-toc{position:sticky;top:112px}.article-page .article-toc>.eyebrow{display:flex;align-items:center;gap:9px;color:#dacbe6}.article-toc ol{list-style:none;margin:22px 0;padding:0}.article-toc li+li{margin-top:8px}.article-toc li a{display:flex;align-items:baseline;gap:12px;padding:10px 12px;border-left:1px solid #3a2c45;color:#b8acc3;font-size:13px;line-height:1.6;transition:color .18s,background .18s}.article-toc li a>span{color:#ac8cc5;font-size:10px;font-variant-numeric:tabular-nums}.article-toc li a:is(:hover,:focus-visible){color:#f0e2fc;background:#bd8af70b;border-color:var(--purple)}.article-toc-back{display:inline-flex;align-items:center;gap:8px;color:#c4a6df;font-size:12px;padding:8px 0}.article-page .article-body{min-width:0;width:100%}.article-page .article-section+.article-section{margin-top:40px}.article-page .article-body h2{font-size:clamp(23px,2.4vw,28px);font-weight:500;line-height:1.3;letter-spacing:-.6px;margin:0 0 20px;text-wrap:balance;scroll-margin-top:24px}.article-page .article-body li,.article-page .article-body p{color:#bdb4c7;font-size:17px;line-height:1.85}.article-page .article-body p:last-child{margin-bottom:0}.article-page .article-body p a{color:#e35cff;text-decoration:underline;text-decoration-color:#e35cff66;text-underline-offset:3px;transition:color .16s ease,text-decoration-color .16s ease}.article-page .article-body p a:focus-visible,.article-page .article-body p a:hover{color:#f3b2ff;text-decoration-color:currentColor}.article-page .article-opening{padding:30px 32px;border:1px solid #553968;border-radius:18px;background:linear-gradient(135deg,#23192e,#16121c)}.article-page .article-body .article-opening-label{color:#c8a2ef;font-size:10px;margin-bottom:14px}.article-page .article-body ul{padding:4px 0 0 22px}.article-page .article-body li{padding-left:8px;margin-bottom:12px}.article-page .article-body li::marker{color:#b18ad8}.article-page .article-source{display:flex;align-items:flex-start;gap:14px;margin-top:32px;padding:22px 0;border-block:1px solid var(--line);color:#bd9bda}.article-page .article-source svg{margin-top:3px}.article-page .article-source p{font-size:14px;margin:8px 0 0}.article-page .article-cta{margin-top:40px;padding:32px;border:1px solid #573a6c;border-radius:18px;background:radial-gradient(ellipse at 100% 0,#a259e51f,transparent 75%),#19121f}.article-page .article-cta .eyebrow{color:#c8a2ef}.article-page .article-cta h2{margin-top:14px;margin-bottom:12px}.article-page .article-cta p{font-size:16px}.article-page .article-cta-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 18px;margin-top:8px;border-radius:9px;background:#c59bf4;color:#190e24;text-decoration:none;font-size:14px;font-weight:500}.article-page .article-cta-link:hover{background:#d7b6fa}.article-page .article-more{margin-top:72px;padding-top:40px;border-top:1px solid var(--line)}.article-more-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.article-more-heading h2{font-size:clamp(26px,3vw,34px);letter-spacing:-.8px;margin-top:10px}.article-more-heading>a{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.article-page .guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.article-page .guide-grid>.guide-card .guide-cover{height:224px;min-height:224px}.article-page .guide-grid>.guide-card .guide-cover-bottom,.article-page .guide-grid>.guide-card .guide-cover-top{color:#bda5cc}.article-page .guide-grid>.guide-card .cover-levels{height:130px;gap:14px}.article-page .guide-grid>.guide-card .cover-levels .guide-product-art{width:40px;height:40px}@media (max-width:1000px){.article-page .article-hero{gap:32px}.article-page .article-layout{grid-template-columns:200px minmax(0,720px);gap:32px}.article-page .guide-grid{gap:16px}.article-page .guide-grid>.guide-card .cover-comparison{gap:6px}.article-page .guide-grid>.guide-card .cover-comparison>div{min-width:58px}.article-page .guide-grid>.guide-card .cover-comparison .guide-product-art{width:58px;height:58px}.article-page .guide-grid>.guide-card .cover-comparison .cover-versus:after,.article-page .guide-grid>.guide-card .cover-comparison .cover-versus:before{display:none}}@media (max-width:760px){.article-page .article-shell{width:calc(100% - 40px);padding-block:24px 56px}.article-page .article-hero{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:20px 32px}.article-page .article-back{margin-bottom:24px}.article-page h1{letter-spacing:-1.2px}.article-page .article-hero-art .guide-cover{height:260px}.article-page .article-layout{display:block;padding-top:28px}.article-page .article-sidebar{margin-bottom:32px}.article-page .article-toc{position:static;padding:22px;border:1px solid var(--line);border-radius:14px;background:#121016}.article-toc ol{margin:16px 0 0}.article-toc-back{display:none}.article-page .article-body li,.article-page .article-body p{font-size:16px}.article-page .article-cta,.article-page .article-opening{padding:24px}.article-page .article-more{margin-top:48px}.article-more-heading{align-items:start;flex-direction:column;gap:14px}.article-page .guide-grid{grid-template-columns:minmax(0,1fr);gap:24px}.article-page .guide-grid>.guide-card .guide-cover{height:240px}}@media (prefers-reduced-motion:reduce){.article-page *,.article-page :after,.article-page :before{transition:none!important}}