body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin:0; padding:0; background:#f9f9f9; color:#333; overflow-x:hidden; }
header { background:#004d40; color:#fff; padding:2rem 1rem; text-align:center; }
header h1 { margin:0; font-size:2rem; }
main { padding:2rem 1rem; max-width:1200px; margin:auto; }

.psalm-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:1rem; }
.psalm-card { background:#fff; padding:1rem; border-radius:10px; box-shadow:0 3px 6px rgba(0,0,0,0.1); text-decoration:none; color:#004d40; transition: transform 0.2s ease; word-wrap: break-word; overflow-wrap: break-word; }
.psalm-card h2 { font-size:1.2rem; margin-bottom:0.5rem; }
.psalm-card p { font-size:0.9rem; margin:0; }
.psalm-card:hover { transform:translateY(-3px); }

.psalm-detail { background:#fff; padding:2rem; border-radius:10px; box-shadow:0 3px 6px rgba(0,0,0,0.1); }
.psalm-detail h2 { color:#004d40; }

.back-home { display:inline-block; margin-top:2rem; text-decoration:none; color:#004d40; font-weight:bold; }

.pagination { text-align:center; margin:2rem 0; }
.page-link { display:inline-block; margin:0 0.3rem; padding:0.5rem 0.8rem; background:#004d40; color:#fff; border-radius:5px; text-decoration:none; transition: background 0.2s; }
.page-link:hover { background:#00695c; }
.page-link.active { background:#00796b; font-weight:bold; }

footer { text-align:center; padding:1rem; background:#004d40; color:#fff; margin-top:2rem; }

@media(max-width:480px){ .psalm-card{padding:0.8rem;} .psalm-card h2{font-size:1rem;} .psalm-card p{font-size:0.85rem;} }