.tokoh-page .article-index-hero{padding-bottom:34px}.tokoh-categories{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 34px}.tokoh-categories span{display:inline-flex;align-items:center;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:13px;font-weight:700}.tokoh-categories .active{border-color:#cbc4ff;background:#ebe8ff;color:var(--purple)}.tokoh-page .article-tag{background:#ebe8ff;color:var(--purple)}
.tokoh-page .article-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.tokoh-page .tokoh-categories,.tokoh-page .article-list-heading{grid-column:1/-1}.tokoh-page .article-card{display:flex;flex-direction:column;min-width:0;margin:0;border-radius:22px;box-shadow:0 12px 30px rgba(43,35,104,.08)}.tokoh-page .article-card-image{display:block;min-height:0;aspect-ratio:3/2}.tokoh-page .article-card-image img{aspect-ratio:3/2}.tokoh-page .article-card-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:22px}.tokoh-page .article-card-copy h2{font-size:25px}.tokoh-page .article-card-copy>p:not(.article-subtitle){font-size:14px}.tokoh-page .article-read{margin-top:auto;padding-top:12px}
@media(max-width:900px){.tokoh-page .article-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.tokoh-categories{display:grid}.tokoh-categories span{justify-content:center}.tokoh-page .article-list{grid-template-columns:1fr;gap:16px}.tokoh-page .article-card-image{min-height:0}.tokoh-page .article-card-copy{padding:20px}}