.popular-section:where(.astro-6aozaowu){background:var(--popular-bg,var(--color-surface));border:1px solid var(--popular-border,var(--color-border));border-radius:var(--popular-radius,8px);padding:1rem}.popular-title:where(.astro-6aozaowu){font-family:var(--font-heading);border-bottom:1px solid var(--color-border);margin-bottom:.25rem;padding-bottom:.5rem;font-size:1rem;font-weight:700}.popular-list:where(.astro-6aozaowu){counter-reset:popular;margin:0;padding:0;list-style:none}.popular-item:where(.astro-6aozaowu){counter-increment:popular}.popular-item:where(.astro-6aozaowu)+.popular-item:where(.astro-6aozaowu){border-top:1px solid var(--color-border)}.popular-item:where(.astro-6aozaowu) a:where(.astro-6aozaowu){color:var(--color-text);grid-template-columns:1.75rem 1fr;align-items:start;gap:.6rem;padding:.75rem 0;display:grid}.popular-item:where(.astro-6aozaowu) a:where(.astro-6aozaowu):before{content:counter(popular);font-family:var(--font-heading);color:var(--popular-number,var(--color-primary));font-size:1.6rem;font-weight:800;line-height:1}.popular-title-text:where(.astro-6aozaowu){font-family:var(--font-heading);font-size:.9rem;font-weight:600;line-height:1.25;transition:color .2s}.popular-item:where(.astro-6aozaowu) a:where(.astro-6aozaowu):hover .popular-title-text:where(.astro-6aozaowu){color:var(--color-primary)}.with-image:where(.astro-6aozaowu) .popular-item:where(.astro-6aozaowu) a:where(.astro-6aozaowu){grid-template-columns:1.75rem 1fr auto}.popular-item:where(.astro-6aozaowu) .img-wrapper{width:var(--popular-image-width,80px);border-radius:4px;overflow:hidden}.section-header:where(.astro-36vyiwye){border-bottom:2px solid var(--color-primary);justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.5rem;display:flex}.section-title:where(.astro-36vyiwye){font-family:var(--font-heading);letter-spacing:-.5px;color:var(--color-text);font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.empty-state:where(.astro-36vyiwye){color:var(--color-text-muted);padding:2rem 0}.content-layout:where(.astro-36vyiwye){grid-template-columns:1fr;gap:2rem;margin-bottom:2rem;display:grid}@media screen and (width>=960px){.content-layout:where(.astro-36vyiwye){grid-template-columns:1fr 280px}}.featured-grid:where(.astro-36vyiwye){border-bottom:1px solid var(--color-border);grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:grid}@media screen and (width>=640px){.featured-grid:where(.astro-36vyiwye){grid-template-columns:1fr 1fr}}.article-grid:where(.astro-36vyiwye){grid-template-columns:1fr;gap:1.5rem 1.25rem;display:grid}@media screen and (width>=640px){.article-grid:where(.astro-36vyiwye){grid-template-columns:repeat(3,1fr)}}.content-sidebar:where(.astro-36vyiwye){flex-direction:column;gap:1.5rem;display:flex}.sidebar-block:where(.astro-36vyiwye){background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:1rem}.sidebar-title:where(.astro-36vyiwye){font-family:var(--font-heading);border-bottom:1px solid var(--color-border);margin-bottom:.75rem;padding-bottom:.5rem;font-size:1rem;font-weight:700}.tag-cloud:where(.astro-36vyiwye){flex-wrap:wrap;gap:.4rem;display:flex}.tag-item:where(.astro-36vyiwye){color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:999px;align-items:center;gap:.15rem;padding:.25rem .6rem;font-size:.8125rem;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.tag-item:where(.astro-36vyiwye):hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.tag-hash:where(.astro-36vyiwye){color:var(--color-primary);font-weight:600}.tag-item:where(.astro-36vyiwye):hover .tag-hash:where(.astro-36vyiwye){color:var(--color-text-inverse)}.category-list:where(.astro-36vyiwye){flex-direction:column;gap:.25rem;display:flex}.category-item:where(.astro-36vyiwye){color:var(--color-text);border-radius:5px;padding:.4rem .5rem;font-size:.8125rem;transition:background-color .2s,color .2s;display:block}.category-item:where(.astro-36vyiwye):hover{background:color-mix(in srgb, var(--color-primary) 12%, transparent);color:var(--color-primary-dark)}