/* Devotional Journal — shared component styles.
   Linked by every devotional page so the file itself stays small.
   Fonts load via the Google Fonts <link> in each page head (same as the dashboard).
   Extracted from the canonical page design 2026-06-22. — Lamplighter */

  :root{--bg:#0d0d0d;--bg2:#141414;--bg3:#1a1a1a;--card:#1c1c1c;--border:#2a2a2a;--gold:#c9a84c;--text:#e8e2d9;--text2:#a89f94;--text3:#6e665e;--glow:rgba(201,168,76,0.15)}[data-theme="light"]{--bg:#f5f0e8;--bg2:#ede8df;--bg3:#e8e2d8;--card:#ffffff;--border:#d8d0c4;--gold:#8b6914;--text:#2a2218;--text2:#5a4e42;--text3:#8a7e72;--glow:rgba(139,105,20,0.1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Lato',sans-serif;background:var(--bg);color:var(--text);min-height:100vh;font-size:17px;transition:background 0.4s,color 0.4s;overflow-x:hidden}body::before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse at 20% 20%,var(--glow) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,var(--glow) 0%,transparent 50%);pointer-events:none;z-index:0}.home-link{position:fixed;top:24px;left:24px;z-index:100;background:var(--card);border:1px solid var(--border);border-radius:50px;padding:9px 22px;font-family:'Cinzel',serif;font-size:0.8rem;color:var(--gold);letter-spacing:0.1em;text-decoration:none;transition:all 0.3s}.home-link:hover{border-color:var(--gold);box-shadow:0 0 20px var(--glow)}.theme-toggle{position:fixed;top:24px;right:24px;z-index:100;background:var(--card);border:1px solid var(--border);border-radius:50px;padding:9px 22px;cursor:pointer;font-family:'Cinzel',serif;font-size:0.8rem;color:var(--gold);letter-spacing:0.1em;transition:all 0.3s;display:flex;align-items:center;gap:8px}.theme-toggle:hover{border-color:var(--gold);box-shadow:0 0 20px var(--glow)}header{position:relative;text-align:center;padding:100px 20px 60px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--bg2) 0%,transparent 100%);z-index:1}.header-ornament{font-family:'Cinzel',serif;font-size:0.75rem;letter-spacing:0.4em;color:var(--gold);text-transform:uppercase;margin-bottom:16px;opacity:0.7}header h1{font-family:'Cormorant Garamond',serif;font-size:clamp(1.8rem,5vw,3.3rem);font-weight:300;line-height:1.15;margin-bottom:14px}header h1 span{color:var(--gold);font-style:italic}.header-date{font-family:'Cinzel',serif;font-size:0.72rem;letter-spacing:0.3em;color:var(--text3);text-transform:uppercase;margin-bottom:6px}.header-location{font-family:'Cormorant Garamond',serif;font-size:1.05rem;color:var(--text3);font-style:italic}main{max-width:820px;margin:0 auto;padding:60px 24px 100px;position:relative;z-index:1;animation:fadeIn 0.5s ease}.scripture-banner{background:linear-gradient(135deg,var(--bg2),var(--bg3));border:1px solid var(--border);border-left:3px solid var(--gold);border-radius:4px;padding:30px 34px;margin:40px 0;position:relative;overflow:hidden}.scripture-banner::before{content:'\201C';position:absolute;top:-20px;left:16px;font-family:'Cormorant Garamond',serif;font-size:8rem;color:var(--gold);opacity:0.07;line-height:1}.scripture-banner blockquote{font-family:'Cormorant Garamond',serif;font-size:1.45rem;font-style:italic;color:var(--text);line-height:1.75;margin-bottom:12px}.scripture-banner cite{font-family:'Cinzel',serif;font-size:0.72rem;color:var(--gold);letter-spacing:0.15em;text-transform:uppercase;font-style:normal}.source-block{background:linear-gradient(135deg,var(--bg2),var(--bg3));border:1px solid var(--border);border-radius:8px;padding:40px;margin:40px 0;position:relative;overflow:hidden}.source-block::before{content:'\201C';position:absolute;top:-15px;left:20px;font-family:'Cormorant Garamond',serif;font-size:9rem;color:var(--gold);opacity:0.06;line-height:1;pointer-events:none}.source-block .source-label{font-family:'Cinzel',serif;font-size:0.65rem;letter-spacing:0.35em;color:var(--gold);text-transform:uppercase;margin-bottom:20px;display:block;opacity:0.85}.source-block p{font-family:'Cormorant Garamond',serif;font-size:1.22rem;font-style:italic;color:var(--text2);line-height:1.95;margin-bottom:16px}.source-block p:last-child{margin-bottom:0}.source-block p strong{color:var(--text);font-style:normal;font-weight:600}.testimony-block{background:linear-gradient(135deg,var(--bg2),var(--bg3));border:1px solid var(--border);border-left:3px solid var(--gold);border-radius:4px;padding:30px 34px;margin:40px 0}.testimony-block .testimony-label{font-family:'Cinzel',serif;font-size:0.65rem;letter-spacing:0.35em;color:var(--gold);text-transform:uppercase;margin-bottom:16px;display:block;opacity:0.85}.testimony-block p{font-family:'Cormorant Garamond',serif;font-size:1.22rem;font-style:italic;color:var(--text);line-height:1.95;margin-bottom:14px}.testimony-block p:last-child{margin-bottom:0}.pastoral-block{background:linear-gradient(135deg,var(--bg2),var(--bg3));border:1px solid var(--border);border-left:3px solid var(--gold);border-radius:4px;padding:30px 34px;margin:40px 0}.pastoral-block .pastoral-label{font-family:'Cinzel',serif;font-size:0.65rem;letter-spacing:0.35em;color:var(--gold);text-transform:uppercase;margin-bottom:16px;display:block;opacity:0.85}.pastoral-block p{font-family:'Cormorant Garamond',serif;font-size:1.22rem;color:var(--text2);line-height:1.95;margin-bottom:14px}.pastoral-block p:last-child{margin-bottom:0}.pastoral-block p strong{color:var(--text);font-weight:600}.pastoral-block p em{color:var(--text)}.insight{margin:40px 0;padding:34px;text-align:center;position:relative}.insight::before,.insight::after{content:'';position:absolute;left:50%;transform:translateX(-50%);width:60px;height:1px;background:var(--gold);opacity:0.4}.insight::before{top:0}.insight::after{bottom:0}.insight p{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-style:italic;color:var(--text);line-height:1.65;max-width:600px;margin:0 auto}.insight span{display:block;font-family:'Cinzel',serif;font-size:0.7rem;letter-spacing:0.2em;color:var(--gold);text-transform:uppercase;margin-top:14px}.ornament-divider{text-align:center;margin:40px 0;color:var(--gold);opacity:0.4;font-size:1.2rem;letter-spacing:0.5em}.topics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin:40px 0}.topic-card{background:var(--card);border:1px solid var(--border);border-radius:6px;padding:26px 22px;transition:all 0.3s;position:relative;overflow:hidden}.topic-card::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold),transparent);opacity:0;transition:opacity 0.3s}.topic-card:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 10px 40px rgba(0,0,0,0.3)}.topic-card:hover::after{opacity:1}.topic-icon{font-size:1.8rem;margin-bottom:14px;display:block}.topic-card h3{font-family:'Cinzel',serif;font-size:0.78rem;letter-spacing:0.1em;color:var(--gold);text-transform:uppercase;margin-bottom:10px}.topic-card p{font-family:'Cormorant Garamond',serif;font-size:1.12rem;color:var(--text2);line-height:1.75}footer{text-align:center;padding:50px 20px;border-top:1px solid var(--border);position:relative;z-index:1}footer p{font-family:'Cormorant Garamond',serif;font-style:italic;color:var(--text3);font-size:1.05rem}.gold-text{font-family:'Cinzel',serif;font-size:0.68rem;letter-spacing:0.2em;color:var(--gold);opacity:0.6;display:block;margin-top:10px}@keyframes fadeIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){header{padding:80px 20px 50px}.topics-grid{grid-template-columns:1fr}}


/* prayer-block — documented in the pastors' guide but absent from the original
   page design; defined here so the documented block actually renders. Modeled on
   the testimony/pastoral blocks, centered. — Lamplighter 2026-06-22 */
.prayer-block{background:linear-gradient(135deg,var(--bg2),var(--bg3));border:1px solid var(--border);border-left:3px solid var(--gold);border-radius:4px;padding:30px 34px;margin:40px 0;text-align:center}
.prayer-block p{font-family:'Cormorant Garamond',serif;font-size:1.22rem;font-style:italic;color:var(--text);line-height:1.95;margin-bottom:14px}
.prayer-block p:last-child{margin-bottom:0}