.article{max-inline-size:44rem}.breadcrumb{color:var(--color-muted);margin-block-end:var(--space-2);font-size:.875rem}.article-excerpt{color:var(--color-muted);font-size:1.125rem}.article-body{margin-block-start:var(--space-4);line-height:1.7}.article-body>*+*{margin-block-start:var(--space-3)}.article-body h2,.article-body h3,.article-body h4{margin-block-start:var(--space-5);line-height:1.3}.article-body blockquote{border-inline-start:3px solid var(--color-border);color:var(--color-muted);margin-inline:0;padding-inline-start:var(--space-3)}.content-code{padding:var(--space-3);border-radius:var(--radius);background:color-mix(in srgb, var(--color-fg) 6%, transparent);overflow-x:auto}.content-callout{padding:var(--space-3);border-inline-start:3px solid var(--color-accent);border-radius:var(--radius);background:color-mix(in srgb, var(--color-accent) 8%, transparent)}.content-figure{margin-inline:0}.content-figure img,.content-figure video{border-radius:var(--radius);block-size:auto;inline-size:100%}.content-figure figcaption{color:var(--color-muted);margin-block-start:var(--space-1);font-size:.875rem}.article-list{gap:var(--space-4);margin-block:var(--space-4);padding:0;list-style:none;display:grid}.article-list>li{gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:var(--color-raised);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);box-shadow:var(--glass-shadow);grid-template-columns:15rem 1fr;align-items:start;transition:transform .15s,border-color .15s;display:grid}.article-list>li:hover{border-color:var(--color-accent);transform:translateY(-2px)}.article-list h2{margin:0;font-size:1.25rem}.article-list-image img{border-radius:var(--radius);block-size:auto;inline-size:100%}.tag-list{gap:var(--space-2);flex-wrap:wrap;margin-block-start:var(--space-4);padding:0;list-style:none;display:flex}.tag-list>li{padding-inline:var(--space-2);border:1px solid var(--color-border);color:var(--color-muted);border-radius:999px;padding-block:2px;font-size:.8125rem}@media (max-width:40rem){.article-list>li{grid-template-columns:1fr}}