.article-photo{aspect-ratio:16/10;overflow:hidden;border-radius:6px;background:#edf4f5}
.article-photo img{width:100%;height:100%;object-fit:cover;display:block}
.knowledge-card{display:flex;flex-direction:column;gap:0;min-width:0}
.knowledge-card>.article-photo{flex:none;width:100%;margin-bottom:20px}
.knowledge-card>div:last-child{display:flex;flex-direction:column;flex:1}
.knowledge-card .card-number{font-size:.75rem;letter-spacing:.11em;line-height:1.7;color:#367367;margin:0 0 10px}
.knowledge-card h3{font-family:var(--thai);font-size:1.375rem;line-height:1.5;font-weight:600;margin:0 0 10px}
.knowledge-card p{font-family:var(--thai);font-size:1rem;line-height:1.8;color:#49636a;margin:0 0 16px}
.knowledge-card .text-link{font-size:1rem;min-height:44px;margin-top:auto;align-self:flex-start}
.article-grid{row-gap:42px;column-gap:26px}
.filter-row{gap:10px;margin-bottom:32px}
.filter-button{font-size:.875rem;min-height:44px;padding:10px 19px}
.article>.article-photo{max-width:760px;margin:24px 0 32px}
@media(max-width:980px) and (min-width:651px){.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.article-grid{row-gap:30px}.knowledge-card{display:flex}.knowledge-card>.article-photo{margin-bottom:18px}.knowledge-card h3{font-size:1.25rem}.knowledge-card p{font-size:1rem}.knowledge-card .card-number{font-size:.75rem}.filter-row{gap:8px;margin-bottom:26px}.filter-button{padding:9px 14px}}