.category-header{padding:3rem 0 2rem;text-align:center;border-bottom:1px solid var(--color-border);margin-bottom:2rem}.hero-content h1{font-size:2.5rem;margin-bottom:1rem}.hero-content .description{font-size:1.25rem;color:var(--color-text-light);margin-bottom:.5rem}.hero-content .count{color:var(--color-text-light);font-size:.875rem;margin-bottom:.75rem}.hero-content .backlink a{color:var(--color-accent);text-decoration:none}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:1rem}.article-card{border:1px solid var(--color-border);border-radius:.75rem;overflow:hidden;transition:all .2s}.article-card:hover{border-color:var(--color-accent);box-shadow:0 4px 12px #0066cc1a}.article-link{text-decoration:none;color:inherit;display:block}.article-content{padding:1.5rem}.article-media{width:100%;height:300px;background:var(--color-bg-alt);overflow:hidden;position:relative;padding:0;margin:0}.article-media-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;margin:0;padding:0;position:absolute;top:0;left:0}.article-media-placeholder{width:100%;height:100%}.article-content h2{font-size:1.25rem;margin-bottom:.75rem}.summary{color:var(--color-text-light);font-size:.9375rem;margin-bottom:1rem;line-height:1.6}.featured-image-container{margin:0 0 10px;border-radius:.75rem;overflow:hidden;background:var(--color-bg-alt);aspect-ratio:16 / 9}.featured-image{width:100%;height:100%;object-fit:cover;display:block}.featured-image-container .r2-image-wrapper{margin:0;height:100%}.featured-image-container .r2-image-wrapper img{width:100%;height:100%;object-fit:cover;display:block}.article-container--with-toc{max-width:1200px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:3rem;margin-top:2.5rem}.article-aside{display:none}@media (min-width: 1024px){.article-layout{grid-template-columns:var(--toc-width, 240px) minmax(0,1fr);align-items:start;gap:4rem}.article-main{grid-column:2}.article-aside{display:block;position:sticky;top:var(--header-offset, 88px);height:fit-content;grid-column:1}.article-aside-inner{width:var(--toc-width, 240px)}}article h2,article h3,article h4{scroll-margin-top:var(--header-offset, 96px)}@media (max-width: 768px){.hero-content h1{font-size:2rem}.articles-grid{grid-template-columns:1fr}}