.topics-list{background:var(--semantic-bg-default);padding-top:var(--nav-offset);padding-bottom:var(--space-48)}.topics-list__header{padding-top:0;padding-bottom:0}.topics-list__header-inner{max-width:720px;margin:0 auto var(--space-32);text-align:center}.topics-list__title{margin:0 0 var(--space-12);font-size:var(--type-cn-headline-medium-size);line-height:var(--type-cn-headline-medium-line);font-weight:var(--type-cn-headline-medium-weight);color:var(--semantic-text-primary)}@media (max-width:768px){.topics-list__title{font-size:var(--type-cn-headline-small-size);line-height:var(--type-cn-headline-small-line)}}.topics-list__lead{margin:0;font-size:var(--type-cn-body-large-size);line-height:var(--type-cn-body-large-line);font-weight:300;color:var(--semantic-text-tertiary)}.topics-list__grid-section{padding-top:0}.topics-list__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-24)}@media (max-width:900px){.topics-list__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.topics-list__grid{gap:var(--space-16)}}@media (max-width:480px){.topics-list__grid{gap:var(--space-12)}}.topics-list__empty{padding:var(--space-32) 0;text-align:center}.topics-list__desc,.topics-list__empty{font-size:var(--type-cn-body-medium-size);line-height:var(--type-cn-body-medium-line);color:var(--semantic-text-secondary)}.topics-list__desc{margin:0 0 var(--space-8);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}