:root{--bg:#f7f6f1;--card:#fff;--ink:#1f2937;--muted:#6b7280;--brand:#2563eb;--brand2:#f59e0b;--border:#e7e3d8;--shadow:0 10px 28px rgba(0,0,0,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.7}
img{max-width:100%;display:block}.muted{color:var(--muted)}.tiny{font-size:12px}
.card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;padding:20px}
header.site{max-width:1200px;margin:18px auto;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}
nav a{margin-right:10px;color:var(--ink);text-decoration:none;padding:6px 10px;border-radius:10px}nav a:hover{background:rgba(37,99,235,.09)}
main.wrap{max-width:1100px;margin:10px auto 40px;padding:0 16px}
h1,h2,h3{margin:0 0 10px}
h1.site-title{font-weight:800}
.verse-ref{color:var(--brand);font-weight:800}
.verse-text{font-family:Georgia,serif;font-size:clamp(20px,3vw,32px)}
.controls{display:flex;gap:10px;margin-top:12px}
.btn{padding:10px 14px;border-radius:999px;border:none;background:linear-gradient(90deg,var(--brand),var(--brand2));color:white;font-weight:700;cursor:pointer}
.btn.outline{background:transparent;color:var(--brand);border:2px solid var(--brand)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.footer{max-width:1100px;margin:0 auto 24px;text-align:center;color:var(--muted)}
.cookie{position:fixed;left:16px;right:16px;bottom:16px;background:#0f172a;color:#e5e7eb;border-radius:12px;padding:12px;display:none}
.cookie button{margin-left:10px;border:1px solid #94a3b8;background:#1e293b;color:#e5e7eb;border-radius:10px;padding:6px 10px}
.pagination{display:flex;gap:8px;justify-content:center;margin:16px 0}
.pagination a{padding:6px 10px;border:1px solid var(--border);border-radius:10px;text-decoration:none;color:inherit}