.article-top{padding:var(--space-m)0 var(--space-l);border-bottom:2px solid var(--border-divider)}.article-bottom{padding:var(--space-l)0;border-bottom:2px solid var(--border-divider)}.article-category{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.article-content{overflow:visible;position:relative}.article-img{margin-bottom:var(--space-xl)}.article-content h2{font-size:var(--font-size-xl);line-height:var(--line-height-xl);font-weight:var(--font-weight-medium);margin:var(--space-xl)0 var(--space-xs);scroll-margin-top:2rem}@media(min-width:810px){.article-content h2{scroll-margin-top:2rem}}.article-content h2+h3{margin-top:var(--space-m)}.article-content h3{font-size:var(--font-size-l);line-height:var(--line-height-l);font-weight:var(--font-weight-bold);margin-bottom:var(--space-xs)}.article-content p+h3{margin-top:var(--space-l)}.article-content :where(p){font-size:var(--font-size-l);line-height:var(--line-height-l)}.article-content :where(p+p){margin-top:var(--space-s)}.article-content hr{border:1px solid var(--border-divider);width:4rem;margin:var(--space-xl)0;margin-inline:auto}.article-content a{color:var(--text-link-default);text-decoration:underline;margin:var(--space-l)0}.article-content ul,.article-content ol{margin:var(--space-s)0}.article-content blockquote{color:var(--text-secondary);margin:var(--space-m)var(--space-s)var(--space-l)}.article-content blockquote p{font-size:var(--font-size-xl);line-height:var(--line-height-xl);font-weight:var(--font-weight-light)}.article-content .quote{margin:var(--space-m)0 var(--space-l);padding-left:var(--space-xs);border-left:4px solid var(--border-highlight)}.article-content .quote p{font-size:var(--font-size-l);line-height:var(--line-height-l);font-weight:var(--font-weight-regular)}.article-content .quote p+p{margin-top:var(--space-xs)}.article-aside{grid-column:span 12}.article-index{padding-bottom:var(--space-s);background-color:var(--bg-surface-default);border-bottom:2px solid var(--border-divider);display:flex;flex-direction:column;gap:var(--space-2xs);margin-bottom:var(--space-l);position:relative;overflow:visible}@media(min-width:810px){.article-aside{grid-column:span 4}.article-index{padding:0;background-color:var(--bg-surface-default);border:none;align-self:start;position:sticky;top:7rem;z-index:2}}@media(min-width:1200px){.article-aside{grid-column:10/span 3}}.article-index ul{list-style:none;padding:0;margin:var(--space-2xs)0}.article-index li{font-size:var(--font-size-m);line-height:var(--line-height-m);color:var(--text-link-default);text-decoration:underline;padding:var(--space-2xs)0}.article-index li+li{margin:0}@media(min-width:810px){.article-index li{color:var(--text-secondary);text-decoration:none}}@media(hover:hover){.article-index li:hover{text-decoration:underline}}.article-content{order:2}.article-aside{order:1}@media(min-width:810px){.article-content{order:1}.article-aside{order:2}}.article-tags{color:var(--text-secondary);font-size:var(--font-size-m);line-height:var(--line-height-m);margin-top:var(--space-l)}.article-tags a{color:var(--text-secondary)}