.article-page{--article-surface:oklch(100% 0 0);--article-ink:oklch(15% 0 0);--article-muted:oklch(53% 0 0);--article-rule:oklch(78% 0 0);--article-accent:#02039c;background:var(--article-surface);color:var(--article-ink);font-family:Inter,sans-serif}.article-wrap{max-width:1320px;margin-inline:auto;padding-inline:28px}.article-top{grid-template-columns:minmax(180px,.65fr) minmax(0,1.7fr);align-items:start;gap:56px;padding-block:70px 80px;display:grid}.article-back{align-items:center;gap:12px;width:fit-content;font-size:15px;font-weight:500;display:inline-flex}.article-back-icon{background:var(--article-accent);width:38px;height:38px;color:var(--article-surface);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.article-back-icon svg{width:18px;height:18px}.article-title{letter-spacing:0;overflow-wrap:anywhere;max-width:900px;margin:0;font:500 60px/1.08 Outfit,sans-serif}.article-divider{border-top:3px dotted var(--article-rule)}.article-layout{grid-template-columns:minmax(180px,.65fr) minmax(0,1.7fr);gap:56px;padding-block:32px 85px;display:grid}.article-meta{font-size:14px;line-height:1.6}.article-meta-block{margin-bottom:30px}.article-meta p{margin:0}.article-meta-value{color:var(--article-muted)}.article-share{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.article-share .article-share-button{background:var(--muted);color:var(--article-muted);border-radius:50%}.article-share-status{color:var(--article-muted);margin-top:10px!important}.article-cover{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto;display:block}.article-body{max-width:780px;padding-top:40px}.article-intro{margin:0 0 38px;font-size:25px;font-weight:500;line-height:1.4}.article-body h2{margin:40px 0 20px;font:500 29px/1.25 Outfit,sans-serif}.article-body p:not(.article-intro){color:var(--article-muted);margin:0 0 22px;font-size:18px;line-height:1.75}.article-related{background:var(--article-surface);color:var(--article-ink)}.article-related-head{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:32px;display:grid}.article-related-title{letter-spacing:0;margin:0;font:500 64px/1.05 Outfit,sans-serif}.article-related .blog-card{min-width:0}.article-related .blog-card-footer{flex-wrap:wrap}.article-related .blog-card-title{flex:180px}.blog-post-link{color:inherit;text-decoration:none;display:block}.blog-featured .blog-post-link{height:100%}@media (width<=768px){.article-wrap{padding-inline:20px}.article-top{grid-template-columns:1fr;gap:32px;padding-block:34px 44px}.article-title{font-size:38px}.article-layout{grid-template-columns:1fr;gap:28px;padding-bottom:50px}.article-meta{flex-wrap:wrap;gap:20px 32px;display:flex}.article-meta-block{margin:0}.article-body{padding-top:28px}.article-intro{font-size:22px}.article-body h2{font-size:26px}.article-body p:not(.article-intro){font-size:16px}.article-related-title{font-size:48px}.article-related-head{grid-template-columns:1fr}.article-related-head .blog-view-all{justify-self:start}}.article-cover--square{aspect-ratio:1;max-width:780px}.article-rich{overflow-wrap:break-word}.article-rich h2{margin-top:56px}.article-rich h2.article-part{letter-spacing:.14em;color:var(--article-accent);margin-top:64px;font-family:Inter,sans-serif;font-size:14px;font-weight:700}.article-rich h3{margin:32px 0 14px;font:500 22px/1.3 Outfit,sans-serif}.article-rich h4{color:var(--article-ink);margin:26px 0 8px;font:600 18px/1.4 Inter,sans-serif}.article-rich strong{color:var(--article-ink);font-weight:600}.article-rich a{color:var(--article-accent);text-underline-offset:3px;text-decoration:underline}.article-rich hr{border:0;border-top:3px dotted var(--article-rule);margin:56px 0 0}.article-rich .article-figure{margin:36px 0}.article-rich .article-figure img{border-radius:16px;width:100%;height:auto;display:block}.article-rich .article-callout{border-left:4px solid var(--article-accent);background:var(--muted);border-radius:0 12px 12px 0;margin:28px 0;padding:22px 26px}.article-rich .article-callout p{margin:0 0 8px!important}.article-rich .article-callout p:last-child{margin-bottom:0!important}@media (width<=768px){.article-rich h2{margin-top:44px}.article-rich h3{font-size:20px}.article-rich h4{font-size:17px}.article-rich .article-figure{margin:28px 0}}
