/* Prayer pages (/prayers/): dusk hero, frosted cards, brand navy/gold/ember only. */
/* The shared guest question box reads the Bible page colour tokens (bible_pages/base_bible.html). */
:root {
    --bp-ink: var(--brand-navy-dark, #1e2b69);
    --bp-primary: var(--brand-navy, #2b3a7f);
    --bp-primary-strong: var(--brand-surface-dark, #11192c);
}
.prayer-page { background: #f5f8fb; color: #11192c; }
.prayer-shell { max-width: 960px; margin: 0 auto; padding: 0 16px; }
.prayer-hero {
    background: linear-gradient(135deg, rgba(17,25,44,0.98), rgba(43,58,127,0.94) 58%, rgba(250,131,52,0.86));
    color: #fff; padding: clamp(2.5rem, 6vw, 5rem) 0;
}
.prayer-hero__eyebrow { margin: 0 0 .5rem; color: #fcd34d; font-size: .78rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.prayer-hero h1 {
    margin: 0 0 1rem; color: #fff; font-family: var(--font-display, 'Playfair Display', serif);
    font-size: clamp(2rem, 5vw, 3.25rem); line-height: 1.12; text-transform: none; letter-spacing: 0;
}
.prayer-hero__intro { margin: 0 0 1.5rem; max-width: 42rem; color: rgba(255,255,255,0.9); font-size: 1.075rem; line-height: 1.7; }
.prayer-actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.prayer-button {
    display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 48px;
    padding: .75rem 1.25rem; border-radius: .75rem; border: 0; font-weight: 700; font-size: 1rem;
    text-decoration: none; cursor: pointer; font-family: var(--font-body, inherit);
}
.prayer-button--primary { background: #fff; color: #2b3a7f; box-shadow: 0 10px 24px rgba(17,25,44,0.25); }
.prayer-button--primary:hover { background: #eef2ff; }
.prayer-button--ghost { background: rgba(255,255,255,0.12); color: #fff; border: 1px solid rgba(255,255,255,0.35); }
.prayer-button--navy { background: #2b3a7f; color: #fff; }
.prayer-button--navy:hover { background: #1e2b69; }
.prayer-button:focus-visible { outline: 3px solid #fcd34d; outline-offset: 3px; }
.prayer-button .material-icons { font-size: 20px; }
.prayer-section { padding: 2rem 0 0; }
.prayer-card {
    background: rgba(255,255,255,0.92); border: 1px solid rgba(43,58,127,0.12); border-radius: 1rem;
    padding: clamp(1.25rem, 3vw, 2rem); box-shadow: 0 18px 40px rgba(17,25,44,0.06);
}
.prayer-card h2 {
    margin: 0 0 1rem; color: #11192c; font-family: var(--font-display, 'Playfair Display', serif);
    font-size: 1.6rem; line-height: 1.25; text-transform: none; letter-spacing: 0; font-weight: 600;
}
.prayer-text { margin: 0; white-space: pre-line; font-family: var(--font-display, 'Playfair Display', serif); font-size: 1.15rem; line-height: 1.85; color: #1e293b; }
.prayer-body { margin: 0; color: #334155; line-height: 1.75; font-size: 1rem; }
.prayer-verses { display: grid; gap: 1rem; margin: 0; padding: 0; list-style: none; }
.prayer-verse { border-left: 3px solid #fcd34d; padding: .25rem 0 .25rem 1rem; }
.prayer-verse blockquote { margin: 0 0 .35rem; color: #1e293b; line-height: 1.7; }
.prayer-verse a { color: #2b3a7f; font-weight: 700; text-decoration: underline; text-underline-offset: .2em; }
.prayer-ask { background: linear-gradient(135deg, #eef2ff, #fff7ed); }
.prayer-ask p { margin: 0 0 1rem; color: #334155; line-height: 1.7; }
.prayer-faq { display: grid; gap: .75rem; }
.prayer-faq details { border: 1px solid rgba(43,58,127,0.12); border-radius: .75rem; padding: .85rem 1rem; background: #fff; }
.prayer-faq summary { cursor: pointer; font-weight: 700; color: #2b3a7f; }
.prayer-faq p { margin: .75rem 0 0; color: #334155; line-height: 1.7; }
.prayer-links { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: .75rem; margin: 0; padding: 0; list-style: none; }
.prayer-links a {
    display: flex; align-items: center; min-height: 48px; padding: .75rem 1rem; border-radius: .75rem;
    background: #fff; border: 1px solid rgba(43,58,127,0.12); color: #2b3a7f; font-weight: 600; text-decoration: none;
}
.prayer-links a:hover { border-color: #2b3a7f; background: #eef2ff; }
.prayer-category h2 { font-size: 1.35rem; }
.prayer-preview-banner { margin: 1rem 0 0; padding: .75rem 1rem; border-radius: .75rem; background: #fffbeb; border: 1px solid #fcd34d; color: #78350f; }
.prayer-page { padding-bottom: 7rem; } /* room for the question box docked at the bottom */