/* Isolated article archive styling; existing page-specific CSS remains untouched. */
.dra-archive{min-height:280px}
.dra-categories{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.dra-categories a{display:inline-flex;border:1px solid #d8d5cd;padding:9px 14px;border-radius:6px;text-decoration:none;color:inherit}
.dra-categories a:hover,.dra-categories a[aria-current="page"]{background:#24262a;color:#fff}
.dra-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.dra-card{background:#fff;border:1px solid #e8e6e1;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:12px}
.dra-card h3{font-size:20px;margin:0;line-height:1.35}
.dra-card h3 a{color:#24262a;text-decoration:none}
.dra-card p{flex:1;color:#58616b;margin:0;line-height:1.7}
.dra-card .dra-read{font-weight:700;text-decoration:none;color:#a47019}
.dra-pagination{display:flex;gap:9px;flex-wrap:wrap;margin-top:30px}
.dra-pagination a{padding:9px 13px;border:1px solid #dad7ce;border-radius:6px;text-decoration:none}
.dra-pagination a[aria-current="page"]{background:#24262a;color:white}
@media(max-width:850px){.dra-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.dra-grid{grid-template-columns:1fr}.dra-archive{padding-top:20px}}