/* ===== SURAPURA DADA (mobile first) ===== */
.surapura-lead { position: relative; z-index: 1; color: rgba(255,255,255,.94); font-size: 1.05rem; line-height: 1.7; }
.surapura-section-title { font-size: 1.2rem; font-weight: 700; color: var(--primary); margin-bottom: var(--space-md); }
.surapura-grid { display: grid; grid-template-columns: 1fr; gap: 1.25rem; }
@media (min-width: 768px) { .surapura-grid { grid-template-columns: repeat(3, 1fr); } }
.surapura-card { background: #fff; border: 1px solid #d9c9a3; border-top: 4px solid var(--primary); border-radius: var(--radius-lg); overflow: hidden; display: flex; flex-direction: column; }
.surapura-photo { width: 100%; height: auto; aspect-ratio: 9 / 16; object-fit: cover; display: block; background: #f3ecd9; }
.surapura-body { padding: 1rem; }
.surapura-name { font-size: 1.2rem; font-weight: 700; color: var(--primary); margin-bottom: .75rem; line-height: 1.5; }
.surapura-meta { display: grid; grid-template-columns: auto 1fr; gap: .35rem .75rem; margin: 0; font-size: 1rem; }
.surapura-meta dt { font-weight: 600; color: #6b5a3a; }
.surapura-meta dd { margin: 0; }
.surapura-pending { color: #6c757d; font-style: italic; }
.surapura-note { background: #fffdf6; border: 1px solid #e6dbbd; border-radius: var(--radius-lg); padding: 1rem 1.1rem; line-height: 1.8; }
.surapura-footnote { color: #6c757d; font-size: .95rem; line-height: 1.7; text-align: center; }