@layer components{.c-topic-card{position:relative;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background-color:var(--surface-card);box-shadow:var(--shadow-xs);transition:box-shadow var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.c-topic-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-default)}.c-topic-card__title{font-size:var(--font-size-h4);line-height:var(--line-height-h3)}.c-topic-card__link{color:var(--text-strong);text-decoration:none}.c-topic-card__link:after{content:"";position:absolute;inset:0;border-radius:var(--radius-lg)}.c-topic-card__link:hover{color:var(--text-link)}@supports selector(:has(*)){.c-topic-card__link:focus-visible{outline:none}.c-topic-card:has(.c-topic-card__link:focus-visible){outline:2px solid var(--focus-ring);outline-offset:2px}}.c-topic-card__desc{color:var(--text-muted);font-size:var(--font-size-body-sm)}.c-topic-card__count{margin-block-start:auto;padding-block-start:var(--space-3);border-block-start:1px dashed var(--border-subtle);font-size:var(--font-size-caption);color:var(--text-subtle)}[data-theme=dark] .c-topic-card{border-color:var(--border-default)}}