.topicgrid{margin-bottom:var(--spacing-2xl)}.topicgridcontainer{display:flex;flex-wrap:wrap;gap:var(--spacing-xl)}.topiccard{flex:1 1 calc(33.333% - 1.5rem);min-width:20rem;display:flex;flex-direction:column;background:var(--card-bg);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--card-shadow);transition:all var(--transition-base) var(--transition-smooth)}.topiccard:hover{transform:translateY(-.375rem);box-shadow:var(--card-shadow-hover)}.topiccardimage{width:100%;height:12.5rem;position:relative;overflow:hidden;display:block}.topiccardimage img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform var(--transition-base) var(--transition-smooth)}.topiccard:hover .topiccardimage img{transform:scale(1.08)}.topiccardimage::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.1) 100%);transition:opacity .3s ease;pointer-events:none}.topiccard:hover .topiccardimage::after{opacity:.7}.topiccardcontent{padding:var(--spacing-lg);display:flex;flex-direction:column;flex-grow:1}.topiccardcontent .categorytag{display:inline-block;align-self:flex-start;padding:.375rem .75rem;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);background:var(--primary-100);color:var(--primary-500);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md)}.topiccardcontent h3,.topiccardcontent p{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.topiccardcontent h3{font-family:var(--font-serif);font-size:var(--font-size-xl);font-weight:700;line-height:var(--line-height-snug);margin:0 0 .75rem;letter-spacing:var(--letter-spacing-tight);-webkit-line-clamp:2}.topiccardcontent h3 a{color:var(--magazine-text-primary);text-decoration:none;transition:color var(--transition-base)}.topiccardcontent h3 a:hover{color:var(--primary-500)}.topiccardcontent p{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--magazine-text-secondary);margin:0 0 var(--spacing-md);flex-grow:1;-webkit-line-clamp:3}.topiccardcontent .meta{justify-content:space-between;font-size:var(--font-size-sm);color:var(--text-muted);padding-top:var(--spacing-md);margin-top:auto}.topiccardcontent .meta,.topiccardcontent .meta .date,.topiccardcontent .meta .readingtime{display:flex;align-items:center}@media (max-width:1024px){.topiccard{flex:1 1 calc(50% - 1rem)}}@media (max-width:768px){.topiccard{flex:1 1 100%}.topicgridcontainer{gap:var(--spacing-lg)}.topicgrid{margin-bottom:2.5rem}.topiccardcontent{padding:1.25rem}.topiccardcontent h3{font-size:var(--font-size-xl)}}@media (max-width:480px){.topiccardcontent h3{font-size:var(--font-size-lg)}}