.oap-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.oap-card{grid-column:span 12;border:1px solid rgba(0,0,0,.12);border-radius:14px;padding:14px;background:#fff}
@media(min-width:700px){.oap-card{grid-column:span 6}}
@media(min-width:1024px){.oap-card{grid-column:span 4}}
.oap-title{margin:0 0 8px;font-size:1.05rem}
.oap-excerpt{opacity:.95}
.oap-btn{display:inline-block;margin-top:10px;padding:10px 14px;border:1px solid rgba(0,0,0,.15);border-radius:12px;text-decoration:none;font-weight:700}
.oap-muted{opacity:.7}
.oap-meta{opacity:.8;margin-top:8px}