#topics{padding-bottom:72px}@media only screen and (min-width:768px){#topics{padding-bottom:80px}}.topics-list{display:grid;grid-template-columns:1fr;grid-gap:20px;margin-bottom:40px}@media only screen and (min-width:768px){.topics-list{gap:40px 32px;grid-template-columns:repeat(2,1fr)}}.topics-article{border:1px solid var(--color-100);border-radius:8px;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:opacity .2s ease}.topics-article>div:first-child{aspect-ratio:16/9;overflow:hidden}.topics-article>div:first-child img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.topics-article>div:last-child{display:flex;flex:1;flex-direction:column;padding:12px 14px 16px}@media only screen and (min-width:768px){.topics-article>div:last-child{padding:16px 20px 20px}}.topics-article>div:last-child>div{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.topics-article>div:last-child>div>span{background:var(--color-000);border:1px solid var(--color-primary);border-radius:4px;color:var(--color-primary);display:inline-block;font-size:var(--font-size-sm);font-weight:500;line-height:1;padding:4px 6px}.topics-article>div:last-child>div>time{color:var(--color-500);font-size:var(--font-size-sm)}.topics-article>div:last-child h2{color:var(--color-primary);font-size:var(--font-size-base);font-weight:700;line-height:1.5;margin-bottom:8px}@media only screen and (min-width:768px){.topics-article>div:last-child h2{font-size:18px}}.topics-article>div:last-child p{color:var(--color-600);display:-webkit-box;font-size:var(--font-size-sm);-webkit-line-clamp:2;line-height:1.7;overflow:hidden;-webkit-box-orient:vertical}@media (hover:hover){.topics-article:hover{opacity:.8}}