.blog-grid{grid-template-columns:1fr;gap:24px;width:100%;display:grid}@media (width>=525px) and (width<=785px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=786px) and (width<=1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1025px) and (width<=1329px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1330px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.blog-grid-item{margin:auto}.top-article-card{width:100%;height:100%;padding-bottom:64px}.top-article-card-link{border-radius:16px;width:100%;height:100%;transition:box-shadow .3s ease-in-out;display:inline-flex;position:relative}.top-article-card-link:before{content:"";border-radius:16px;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out;position:absolute;inset:0}.top-article-card-link:hover:before{box-shadow:0 4px 8px #0003}.top-article-card-link:active:before{background-color:#14162480}.top-article-card-image{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-radius:16px;width:100%}@media (width<=767px){.top-article-card-image{height:368px}}.top-article-card-content{color:#0a0119;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8px;width:100%;margin-top:20px;display:flex}.top-article-card-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.top-article-card-badge{border:1px solid #6d4df04d;border-radius:6px;align-items:center;height:24px;padding:0 8px;display:inline-flex}.top-article-card-badge,.top-article-card-date{font-size:12px;font-weight:var(--fw-medium);white-space:nowrap;line-height:14.4px}.top-article-card-title{font-size:32px;font-weight:var(--fw-extrabold);line-clamp:3;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:38.4px;display:-webkit-box;overflow:hidden}