.article-body{max-width:50rem;color:var(--color-dark);margin-inline:auto}.article-body>:first-child{margin-top:0}.article-body>:last-child{margin-bottom:0}.article-body p{margin-block:0 1rem}.article-body p.lead{color:var(--color-main)}.article-body h2,.article-body h3,.article-body h4{font-family:var(--font-family-heading);color:var(--color-main);margin-block:2.5rem 1rem;line-height:1.25}.article-body h2{font-size:28px;font-weight:500}.article-body h3{font-size:21px;font-weight:600}.article-body h4{font-size:18px;font-weight:600}.article-body ul,.article-body ol{margin-block:1rem;padding-left:1.25rem}.article-body ul{list-style:outside}.article-body ol{list-style:decimal}.article-body li+li{margin-top:.5rem}.article-body hr{border:0;border-top:1px solid var(--color-border-soft);margin-block:2.5rem}.article-body figure{margin:2rem 0}.article-body img{background-color:#f1f1f1;width:100%;height:auto;display:block}.article-body figcaption{color:var(--color-grey);margin-top:.625rem;font-size:14px;line-height:1.4}.article-body blockquote{border-left:3px solid var(--color-accent-soft);color:var(--color-main);margin:2rem 0;padding-left:1.25rem;font-size:18px;line-height:1.5}.article-body pre{color:#eae4f5;font-family:var(--font-family-mono);-webkit-overflow-scrolling:touch;background-color:#1e1b26;border-radius:.25rem;margin:1.5rem 0;padding:1rem 1.25rem;font-size:13px;line-height:1.6;overflow-x:auto}.article-body pre code{font:inherit;color:inherit}.article-body :not(pre)>code{background-color:var(--color-surface-soft);color:var(--color-accent);font-family:var(--font-family-mono);border-radius:.2rem;padding:.1em .35em;font-size:.9em}.article-body .table-scroll{-webkit-overflow-scrolling:touch;margin:1.5rem 0;overflow-x:auto}.article-body table{border-collapse:collapse;width:100%;font-size:14px}.article-body th,.article-body td{border:1px solid var(--color-border-soft);text-align:left;vertical-align:top;padding:.625rem .75rem}.article-body th{background-color:var(--color-surface-soft);color:var(--color-main);font-weight:600}.article-body .article-chart{margin:2rem 0}.article-body .article-chart-bars{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:end;gap:.5rem;height:14rem;margin:0;padding:0;list-style:none;display:grid}.article-body .article-chart-bars li{grid-template-rows:auto 1fr auto;gap:.375rem;height:100%;margin:0;display:grid}.article-body .article-chart-value{color:var(--color-main);font-family:var(--font-family-mono);text-align:center;align-self:end;font-size:13px;font-weight:600}.article-body .article-chart-bar{width:100%;height:var(--article-chart-fill,0%);background:var(--gradient-main);border-radius:.125rem .125rem 0 0;align-self:end;min-height:2px;display:block}.article-body .article-chart-label{color:var(--color-grey);text-align:center;overflow-wrap:anywhere;font-size:12px;line-height:1.2}@media screen and (width>=1200px){.article-body figure,.article-body pre,.article-body .table-scroll{width:calc(100% + 8rem);margin-inline:-4rem}.article-body figcaption{padding-inline:4rem}}.article-cta{background-color:var(--color-surface-soft)}.article-cta-inner{flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.article-cta-heading{color:var(--color-main);margin:0}.article-cta-text{max-width:44rem;color:var(--color-dark);margin:0}.article-cta-actions{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}@media screen and (width>=768px){.article-cta-inner{gap:1rem;padding:3rem}}.article-page{flex-direction:column;gap:2rem;max-width:120rem;margin-inline:auto;display:flex}.article-header{flex-direction:column;gap:1rem;width:100%;max-width:50rem;margin-inline:auto;display:flex}.article-meta{flex-wrap:wrap;align-items:baseline;gap:.5rem 1.5rem;margin:0;display:flex}.article-meta-category{color:var(--color-main);padding-left:.75rem;font-size:14px;font-weight:500;text-decoration:none;position:relative}.article-meta-category:before{content:"/";color:var(--color-accent-soft);position:absolute;left:0}.article-meta-category:hover,.article-meta-category:focus-visible{color:var(--link-color-hover)}.article-meta-date,.article-meta-views{color:var(--color-grey)}.article-title,.article-cover{margin:0}.article-cover img{object-fit:cover;background-color:#f1f1f1;width:100%;height:auto;max-height:34rem;display:block}.article-widgets{width:100%;max-width:50rem;margin-inline:auto}.article-tags{flex-wrap:wrap;gap:.5rem;width:100%;max-width:50rem;margin-inline:auto;padding:0;list-style:none;display:flex}.article-tag{border:1px solid var(--color-border-soft);color:var(--color-dark);border-radius:999px;padding:.25rem .75rem;font-size:14px;font-weight:400;text-decoration:none;display:inline-block}.article-tag:hover,.article-tag:focus-visible{border-color:var(--color-accent-soft);color:var(--color-accent)}.article-page .article-related-title{color:var(--color-main);margin:0 0 1rem}.article-related-grid{grid-template-columns:minmax(0,1fr);gap:2rem 1.5rem;display:grid}@media screen and (width>=768px){.article-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (width>=992px){.article-page{gap:3rem}}
