.article-category,.article-heading-meta,.article-card-meta{color:var(--muted);font-size:12px}.articles-intro{padding-block:65px 42px}.articles-intro h1{margin-top:22px;font-size:clamp(45px,6vw,80px);line-height:1.08}.articles-intro>p:last-child{color:var(--muted);margin-top:25px;font-size:16px;line-height:1.85}.article-categories{flex-wrap:wrap;gap:10px;padding-bottom:35px;display:flex}.article-categories a{min-height:44px;color:var(--muted);transition:background var(--select) var(--ease), color var(--select) var(--ease);border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:10px 17px;font-size:12px;display:inline-flex}.article-categories a[aria-current]{color:var(--white);border-color:var(--edge);background:#dce5ed0a}.article-categories a:hover{color:var(--white);background:#dce5ed08}.article-categories span{color:var(--muted);font-size:10px}.article-library-heading{border-bottom:1px solid var(--edge);justify-content:space-between;align-items:center;padding-bottom:22px;display:flex}.article-library-heading h2{letter-spacing:-.035em;font-size:18px}.article-library-heading>span{color:var(--muted);font-size:12px}.article-card{border-bottom:1px solid var(--edge);padding-block:30px}.article-card-link{border-radius:24px;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(30px,5vw,72px);display:grid}.article-card-copy{padding-block:15px}.article-card-meta,.article-heading-meta{align-items:center;gap:22px;display:flex}.article-card-meta>span+span,.article-heading-meta>a+span{border-left:1px solid var(--steel);padding-left:22px}.article-heading-meta>a:hover{color:var(--white);text-underline-offset:4px;text-decoration:underline}.article-card h3{letter-spacing:-.048em;text-wrap:balance;margin-top:20px;font-size:clamp(28px,3vw,40px);line-height:1.24}.article-card-copy>p{color:var(--muted);max-width:49ch;margin-top:19px;font-size:14px;line-height:1.85}.article-read-link{color:var(--silver);text-decoration:underline;-webkit-text-decoration-color:var(--steel);text-decoration-color:var(--steel);text-underline-offset:5px;transition:color var(--select), text-decoration-color var(--select);align-items:center;gap:20px;margin-top:27px;font-size:13px;display:inline-flex}.article-card-link:hover .article-read-link{color:var(--white);-webkit-text-decoration-color:var(--silver);text-decoration-color:var(--silver)}.article-card-byline{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-top:29px;font-size:11px;display:flex}.article-card-byline img{border-radius:50%}.article-card-byline time{margin-left:8px}.article-invitation{justify-content:space-between;align-items:center;gap:35px;padding-block:62px 76px;display:flex}.article-invitation h2{letter-spacing:-.04em;font-size:28px}.article-invitation p{color:var(--muted);margin-top:12px;font-size:13px;line-height:1.8}.article-breadcrumbs{color:var(--muted);flex-wrap:wrap;gap:13px;padding-top:30px;font-size:11px;display:flex}.article-breadcrumbs a{transition:color var(--select);margin-block:-8px;padding-block:8px}.article-breadcrumbs a:hover{color:var(--white)}.article-header{max-width:920px;padding-block:55px 42px}.article-header h1{letter-spacing:-.06em;text-wrap:balance;margin-top:21px;font-size:clamp(39px,4.8vw,66px);line-height:1.12}.article-description{color:#b1bdc9;max-width:68ch;margin-top:24px;font-size:17px;line-height:1.85}.article-byline{align-items:center;gap:32px;margin-top:28px;display:flex}.article-author{align-items:center;gap:12px;display:flex}.article-author img{border-radius:50%}.article-author>span{gap:4px;display:grid}.article-author strong{font-size:12px;font-weight:500}.article-author span span,.article-date{color:var(--muted);font-size:11px}.article-date{border-left:1px solid var(--edge);gap:5px;padding-left:28px;display:grid}.article-layout{border-top:1px solid var(--edge);grid-template-columns:235px minmax(0,720px);gap:clamp(35px,6vw,100px);padding-block:38px 85px;display:grid}.article-sidebar{align-self:stretch}.article-toc{position:sticky;top:32px}.article-toc>p{margin-bottom:17px;font-size:12px;font-weight:600}.article-toc ol{border-left:1px solid var(--edge);margin:0;padding:0;list-style:none}.article-toc li+li{margin-top:4px}.article-toc li a{color:var(--muted);transition:color var(--select), border-color var(--select);border-left:1px solid #0000;margin-left:-1px;padding:10px 0 10px 18px;font-size:12px;line-height:1.65;display:block}.article-toc li a:hover,.article-toc li a:focus-visible{color:var(--white);border-left-color:var(--silver)}.toc-back{color:var(--muted);align-items:center;gap:19px;margin-top:28px;padding-block:10px;font-size:11px;display:inline-flex}.article-content{min-width:0}.article-prose{color:#bfccd8;overflow-wrap:break-word;font-size:16px;line-height:1.85}.article-prose>*+*{margin-top:22px}.article-prose h2{letter-spacing:-.045em;color:var(--white);border-top:1px solid var(--edge);text-wrap:balance;margin-top:64px;padding-top:28px;scroll-margin-top:24px;font-size:31px;line-height:1.28}.article-prose h3{letter-spacing:-.025em;color:var(--white);margin-top:32px;font-size:20px;line-height:1.4}.article-prose h2+*,.article-prose h3+*{margin-top:17px}.article-prose strong{color:var(--white);font-weight:600}.article-prose a{color:var(--silver);text-underline-offset:4px;transition:text-decoration-color var(--select);-webkit-text-decoration:underline #6f8398;text-decoration:underline #6f8398}.article-prose a:hover{-webkit-text-decoration-color:var(--white);text-decoration-color:var(--white)}.article-prose ul,.article-prose ol{padding-left:23px}.article-prose li{padding-left:5px}.article-prose li+li{margin-top:12px}.article-prose li::marker{color:var(--muted);font-size:.9em}.article-prose .article-note{background:#dce5ed05;border-left:2px solid #788e9f;border-radius:0 12px 12px 0;padding:15px 20px;font-size:14px;line-height:1.8}.article-prose .article-note p+p{margin-top:10px}.article-prose .article-screenshot{margin-block:30px}.article-screenshots{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));align-items:start;gap:28px;margin-block:30px;display:grid}.article-prose .article-screenshots .article-screenshot{margin:0}.article-screenshot img{border:1px solid var(--edge);background:#11171e;border-radius:20px;width:100%}.article-screenshot--portrait img{width:min(100%,360px);height:auto;margin-inline:auto;display:block}.article-screenshot figcaption{color:var(--muted);gap:12px;margin-top:12px;font-size:11px;line-height:1.7;display:flex}.article-screenshot figcaption span{color:var(--silver);white-space:nowrap}.article-prose .article-source{color:var(--muted);font-size:12px}.article-next{border:1px solid var(--edge);background:linear-gradient(135deg,#dce5ed08,#0000);border-radius:22px;margin-top:50px;padding:32px}.article-next>img{border-radius:14px;margin-bottom:22px}.article-next h2{letter-spacing:-.045em;font-size:28px;line-height:1.25}.article-next p{color:var(--muted);max-width:51ch;margin-top:15px;font-size:14px;line-height:1.85}.article-next .button{margin-top:23px}.article-back{color:var(--muted);margin-top:20px;padding-block:16px;font-size:12px;display:inline-block}@media (width<=1000px){.article-layout{grid-template-columns:195px minmax(0,1fr);gap:35px}}@media (width<=760px){.articles-intro{padding-block:48px}.article-card-link{grid-template-columns:1fr;gap:16px}.article-card-copy{padding-inline:3px}.article-card h3{max-width:24ch;font-size:33px}.article-card-copy>p{max-width:62ch}.article-invitation{flex-direction:column;align-items:flex-start;gap:23px;padding-block:42px 55px}.article-layout{padding-top:25px;display:block}.article-sidebar{margin-bottom:30px}.article-toc{border-bottom:1px solid var(--edge);padding-bottom:24px;position:static}.article-toc>p{margin-bottom:10px}.article-toc ol{border:0;grid-template-columns:1fr 1fr;column-gap:15px;display:grid}.article-toc li+li{margin:0}.article-toc li a{border:0;margin:0;padding:8px 0;font-size:11px}.toc-back{display:none}.article-header{padding-block:40px 30px}.article-description{font-size:16px}}@media (width<=440px){.articles-intro h1{font-size:45px}.articles-intro>p:last-child{font-size:14px}.article-card h3{font-size:29px}.article-card-meta{gap:16px;font-size:11px}.article-card-meta>span+span{padding-left:16px}.article-header h1{font-size:39px}.article-description,.article-prose{font-size:15px}.article-byline{gap:20px}.article-date{padding-left:20px}.article-prose h2{margin-top:48px;font-size:27px}.article-prose h3{font-size:19px}.article-prose .article-note{padding:13px 16px}.article-next{padding:25px}.article-next h2{font-size:25px}}