.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}.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 a{padding-inline:var(--space-2);border:1px solid var(--color-border);color:var(--color-muted);border-radius:999px;padding-block:2px;font-size:.8125rem;text-decoration:none;transition:border-color .15s,color .15s,background-color .15s;display:inline-block}.tag-list>li a:hover,.tag-list>li a:focus-visible{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-soft)}.articles-hero{margin-block-end:var(--space-5)}.articles-hero h1{margin-block-end:var(--space-1)}.articles-hero p{max-inline-size:40rem;color:var(--color-muted)}.articles-toolbar{margin-block-start:var(--space-4)}.articles-toolbar .search-form{max-inline-size:32rem;margin-block:0;display:flex;position:relative}.articles-toolbar .search-form input{inline-size:100%;font:inherit;padding-block:var(--space-3);padding-inline:var(--space-5) 5.5rem;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);color:var(--color-fg);border-radius:999px;font-size:1rem;transition:border-color .15s,box-shadow .15s}.articles-toolbar .search-form input:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft);outline:none}.articles-toolbar .search-form:before{content:"";pointer-events:none;opacity:.55;block-size:1.1rem;inline-size:1.1rem;color:var(--color-muted);background:currentColor;position:absolute;inset-block-start:50%;inset-inline-start:var(--space-3);transform:translateY(-50%);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cline x1='15.5' y1='15.5' x2='21' y2='21'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cline x1='15.5' y1='15.5' x2='21' y2='21'/%3E%3C/svg%3E") 50%/contain no-repeat}.articles-toolbar .search-form button{padding-inline:var(--space-3);padding-block:var(--space-1);border-radius:999px;position:absolute;inset-block-start:50%;inset-inline-end:var(--space-1);transform:translateY(-50%)}.articles-clear{align-items:center;gap:var(--space-1);color:var(--color-muted);margin-block-start:var(--space-2);font-size:.875rem;text-decoration:none;display:inline-flex}.articles-clear:hover{color:var(--color-accent)}.articles-search-summary{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-block-end:var(--space-3);display:flex}.article-grid{margin-block:var(--space-4);gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));padding:0;list-style:none;display:grid}.article-card{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);flex-direction:column;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.article-card:hover,.article-card:focus-within{border-color:var(--color-accent);box-shadow:var(--shadow-2);transform:translateY(-3px)}.article-card-link:after{content:"";position:absolute;inset:0}.article-card-media{aspect-ratio:16/10;background:linear-gradient(135deg, var(--color-accent-soft), color-mix(in srgb, var(--color-accent) 20%, transparent));overflow:hidden}.article-card-media img{object-fit:cover;block-size:100%;inline-size:100%;transition:transform .25s;display:block}.article-card:hover .article-card-media img{transform:scale(1.04)}.article-card-media-placeholder{block-size:100%;inline-size:100%;color:var(--color-accent);opacity:.6;justify-content:center;align-items:center;display:flex}.article-card-body{gap:var(--space-2);padding:var(--space-3);flex-direction:column;flex:1;display:flex}.article-card-tags{gap:var(--space-1);flex-wrap:wrap;display:flex}.article-card-tag{padding-inline:var(--space-2);background:var(--color-accent-soft);color:var(--color-accent-strong);text-transform:uppercase;letter-spacing:.03em;z-index:1;border-radius:999px;padding-block:1px;font-size:.6875rem;font-weight:700;text-decoration:none;transition:background-color .15s,color .15s;position:relative}.article-card-tag:hover,.article-card-tag:focus-visible{background:var(--color-accent);color:#fff}.article-card h2{margin:0;font-size:1.0625rem;line-height:1.35}.article-card h2 a{color:inherit;text-decoration:none}.article-card:hover h2 a{color:var(--color-accent)}.article-card-excerpt{color:var(--color-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin:0;font-size:.875rem;display:-webkit-box;overflow:hidden}.article-card-excerpt mark{background:var(--color-accent-soft);color:var(--color-accent-strong);border-radius:3px;padding-inline:2px}.article-card-meta{justify-content:space-between;align-items:center;gap:var(--space-2);border-block-start:1px solid var(--color-border);color:var(--color-muted);margin-block-start:auto;padding-block-start:var(--space-2);font-size:.75rem;display:flex}.article-card-read{color:var(--color-accent);font-weight:600}.article-card.is-featured{grid-column:span 2}.article-card.is-featured .article-card-media{aspect-ratio:21/9}.article-card.is-featured h2{font-size:1.375rem}@media (max-width:40rem){.article-card.is-featured{grid-column:span 1}.article-card.is-featured .article-card-media{aspect-ratio:16/10}.articles-toolbar .search-form{max-inline-size:none}}