./* Prophet page styles - use site theme variables for day/night compatibility */
.prophet-page{padding:48px 0 80px;color:var(--text-secondary);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial}
.prophet-page .hero{display:flex;align-items:center;gap:24px;margin-bottom:32px;padding:18px;border-radius:12px;box-shadow:var(--shadow-soft);background:var(--bg-surface-strong)}
.prophet-page .hero .title{font-family:Poppins,Inter,system-ui,Segoe UI,Roboto; font-size:32px;line-height:1.1;font-weight:700;color:var(--text-primary);letter-spacing:-0.02em}
.prophet-page .hero .subtitle{color:var(--text-secondary);font-size:15px}

.prophet-content{display:grid;grid-template-columns:2fr 1fr;gap:28px;align-items:start}

/* Improve measure and body typography for readability */
.prophet-content main{max-width:720px}
.prophet-section-content, .prophet-biography p, .prophet-timeline p, .timeline-desc p{font-size:16px;line-height:1.8;color:var(--text-secondary)}
.prophet-section-content p{margin-bottom:1rem}

.prophet-biography article{background:var(--bg-surface-strong);padding:28px;border-radius:14px;margin-bottom:20px;box-shadow:var(--shadow-card)}
.prophet-biography h2{margin:0 0 10px;font-size:20px;color:var(--text-primary);font-family:Poppins,Inter,system-ui;letter-spacing:0.2px}
.prophet-biography p{margin:0;color:var(--text-secondary);line-height:1.9}

.prophet-timeline{background:transparent}
.prophet-timeline h2{font-size:18px;margin-bottom:12px;color:var(--text-primary)}
.prophet-timeline ol{list-style:none;padding:0;margin:0}
.prophet-timeline li{position:relative;padding:20px 18px 20px 74px;margin-bottom:18px;background:linear-gradient(180deg,var(--accent-soft),transparent);border-radius:8px}
.prophet-timeline li strong{position:absolute;left:16px;top:18px;background:var(--accent);color:#fff;padding:8px 10px;border-radius:6px;font-size:13px}
.prophet-timeline li span{display:block;font-weight:600;color:var(--text-primary);margin-bottom:6px}
.prophet-timeline li p{margin:0;color:var(--text-secondary);line-height:1.6}

/* Make code / verse blocks look distinct */
.prophet-section-content pre{background:var(--bg-header);color:var(--text-primary);padding:12px;border-radius:8px;overflow:auto}

/* Small utilities */
.prophet-meta{font-size:13px;color:var(--muted);margin-top:8px}

/* Responsive */
@media (max-width:900px){
    .prophet-content{grid-template-columns:1fr}
    .prophet-page .hero{flex-direction:column;align-items:flex-start;padding:14px}
    .prophet-page{padding-top:48px}
}

/* Small utility */
.meta-note{font-size:13px;color:var(--muted);margin-top:8px}
.admin-actions{display:flex;gap:8px;margin-bottom:12px}
.admin-actions a, .admin-actions button{background:var(--accent);color:#fff;padding:8px 12px;border-radius:8px;border:none;text-decoration:none;font-size:13px}

/* Images inside biography */
.prophet-biography img{max-width:100%;height:auto;border-radius:8px;margin-top:12px}

/* Blockquote styling to match site aesthetic */
.prophet-section-content blockquote{
    border-left:4px solid var(--accent-soft);
    padding:14px 18px;
    margin:14px 0;
    background: linear-gradient(180deg, var(--accent-soft), transparent);
    color:var(--text-secondary);
    font-style:italic;
    border-radius:6px;
}
.prophet-section-content blockquote p{margin:0}

/* Dark theme */
html[data-theme="night"] .prophet-section-content blockquote{
    border-left-color: var(--accent-soft);
    background: linear-gradient(180deg, rgba(255,255,255,0.02), transparent);
    color:var(--text-secondary);
}

/* Make detail hero match index hero behavior: white/day surface in day, green gradient in night */
.prophet-page .hero{padding:28px;background:var(--bg-surface-strong);border-radius:12px;margin:6px 0 28px;box-shadow:var(--shadow-soft)}
.prophet-page .hero .hero-cta{margin-top:12px}
.prophet-page .hero .hero-cta a{display:inline-block;padding:8px 12px;border-radius:8px;background:transparent;color:var(--accent);border:1px solid transparent;text-decoration:none;font-weight:700}
.prophet-page .hero .hero-cta a:hover{background:var(--accent-soft);color:var(--accent-strong)}

html[data-theme="night"] .prophet-page .hero{
    /* night: keep a stronger dark surface with subtle accent overlay */
    background: linear-gradient(180deg, var(--accent-soft), rgba(12,24,21,0.85)), var(--bg-surface-strong);
    color: #fff;
}
html[data-theme="night"] .prophet-page .hero .title{color:#fff}
html[data-theme="night"] .prophet-page .hero .subtitle{color:rgba(255,255,255,0.92)}

/* Headings use normal text color (no split/overlay backgrounds) */
.prophet-index-hero h1,
.prophet-page .hero .title,
.prophet-biography h2,
.prophet-timeline h2 {
    color: var(--text-primary);
}