@layer quartz-base{.topics-page-content h1{margin-bottom:.3rem}.topics-page-sub{font-family:var(--codeFont);color:var(--text-3);margin:0 0 1.5rem;font-size:.8rem}.topics-page-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (max-width:1080px){.topics-page-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.topics-page-grid{grid-template-columns:1fr}}.topics-page-card{border:1px solid var(--border);border-radius:var(--radius,10px);background:var(--surface);flex-direction:column;gap:.15rem;min-height:116px;padding:1.1rem 1.1rem 1rem 1.2rem;text-decoration:none;transition:border-color .15s,transform .15s;display:flex;position:relative;overflow:hidden}.topics-page-card:hover{border-color:var(--border-strong)}.topics-page-label{font-family:var(--headerFont);color:var(--text);margin-top:.2rem;font-size:1.2rem;font-weight:670}.topics-page-subtext{color:var(--text-2);font-size:.8rem;line-height:1.4}.topics-page-count{font-family:var(--codeFont);color:var(--text-3);margin-top:.55rem;font-size:.7rem}.topics-page-share{background:var(--surface-2);border-radius:2px;height:3px;margin-top:.4rem;overflow:hidden}.topics-page-share-fill{background:var(--text-3);opacity:.55;border-radius:2px;height:100%}}