@layer quartz-base{.topic-grid-section{margin:1.5rem 0 2rem}.topic-grid-header{justify-content:space-between;align-items:baseline;margin-bottom:.9rem;display:flex}.topic-grid-header h2{font-family:var(--headerFont);border:none;margin:0;padding:0;font-size:1.15rem;font-weight:720}.topic-grid-total{font-family:var(--codeFont);color:var(--text-3);font-size:.72rem}.topic-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (max-width:1080px){.topic-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.topic-grid{grid-template-columns:1fr}}.topic-card{border:1px solid var(--border);border-radius:var(--radius,10px);background:var(--surface);flex-direction:column;gap:.15rem;min-height:108px;padding:1rem 1rem .9rem 1.1rem;text-decoration:none;transition:border-color .15s,transform .15s;display:flex;position:relative;overflow:hidden}.topic-card:hover{border-color:var(--border-strong)}.topic-card-label{font-family:var(--headerFont);color:var(--text);margin-top:.2rem;font-size:1.15rem;font-weight:670}.topic-card-subtext{color:var(--text-2);font-size:.76rem;line-height:1.4}.topic-card-count{font-family:var(--codeFont);color:var(--text-3);margin-top:.5rem;font-size:.68rem}.topic-card-share{background:var(--surface-2);border-radius:2px;height:3px;margin-top:.35rem;overflow:hidden}.topic-card-share-fill{background:var(--text-3);opacity:.55;border-radius:2px;height:100%}}