.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;position:relative}
@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-details summary{cursor:pointer;margin-top:8px}
.oap-score{position:absolute;top:12px;right:12px;border:1px solid rgba(0,0,0,.2);border-radius:999px;padding:4px 10px;font-weight:700;font-size:.9rem;opacity:.9}