.popular-articles-section{padding-block:2.5rem 3rem;}.popular-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;margin-top:1rem;}.popular-card{display:flex;flex-direction:column;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:box-shadow var(--transition),transform var(--transition),border-color var(--transition);}.popular-card:hover,.popular-card:focus-within{box-shadow:var(--shadow-md);border-color:var(--color-primary-light);transform:translateY(-2px);}.popular-card-image{position:relative;display:block;overflow:hidden;aspect-ratio:16 / 10;background:var(--color-primary-tint);border-bottom:1px solid var(--color-border);}.popular-card-image svg{position:absolute;inset:0;margin:auto;width:2rem;height:2rem;color:var(--color-border);}.popular-card-body{display:flex;flex-direction:column;gap:0.5rem;padding:1.1rem 1.15rem 1.15rem;flex:1;}.popular-card-badge{align-self:flex-start;display:inline-flex;align-items:center;font-size:0.68rem;font-weight:700;letter-spacing:0.03em;text-transform:uppercase;text-decoration:none;color:var(--color-primary-dark);background:var(--color-primary-tint);padding:0.22rem 0.55rem;border-radius:999px;}.popular-card-badge:hover,.popular-card-badge:focus-visible{opacity:0.85;}.popular-card-headline{margin:0;font-size:1rem;font-weight:700;line-height:1.35;}.popular-card-headline a{color:var(--color-ink);text-decoration:none;transition:color var(--transition);}.popular-card:hover .popular-card-headline a{color:var(--color-primary-dark);}[data-theme="dark"] .popular-card:hover .popular-card-headline a{color:var(--color-primary-light);}.popular-card-meta{font-size:0.78rem;color:var(--color-ink-soft);}.popular-card-btn{align-self:flex-start;margin-top:auto;}