/* A separate paper frame for each article, including dynamically filtered results. */
.article-grid{gap:28px 24px;align-items:stretch}
.article-grid .article-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:13px 13px 22px;border:1px solid #b9c8bd;border-radius:5px;background:#fffdf7;box-shadow:0 3px 0 #e5e9df,0 7px 18px #25473508;transition:border-color .2s,box-shadow .2s,transform .2s}
.article-grid .article-card:after{content:"";position:absolute;bottom:10px;right:12px;width:19px;height:19px;border-right:2px solid #90a798;border-bottom:2px solid #90a798;pointer-events:none}
.article-grid .article-card:hover{color:inherit;border-color:#648773;box-shadow:0 3px 0 #d7e0d4,0 10px 22px #25473512;transform:translateY(-2px)}
.article-grid .article-card:focus-visible{outline:3px solid #426b57;outline-offset:4px}
.article-grid .article-card .article-card-image{border:0;border-radius:2px;margin:0 0 17px;box-shadow:none;flex-shrink:0}
.article-grid .article-card .category-row{margin:0 6px 13px;padding-bottom:11px;border-bottom:1px solid #d9dfd2}
.article-grid .article-card .tag{color:#315e49}
.article-grid .article-card .index{color:#708775}
.article-grid .article-card h3{margin:0 6px 13px;font-size:18px;line-height:1.8}
.article-grid .article-card p{margin:0 6px 8px;font-size:13px;line-height:1.95;color:#5c6860}
.article-grid .article-card[hidden]{display:none}
@media(max-width:620px){.article-grid{gap:25px}.article-grid .article-card{padding:12px 12px 23px;border-color:#aebfaf;box-shadow:0 3px 0 #e0e6d9}.article-grid .article-card h3{font-size:18px;line-height:1.8}.article-grid .article-card .category-row{margin-bottom:13px}.article-grid .article-card p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.article-grid .article-card{transition:none}.article-grid .article-card:hover{transform:none}}