/* Devotionals section of gotredeemed.org. Same tokens, fonts and header/footer as the
   home page (index.html) so the section reads as part of one site. Kept in its own file
   because every devotional page shares it. */
:root{
  --ink:#14100d;
  --accent:#b3762f;
  --accent-light:#c98f4b;
  --cream:#faf6f0;
  --panel:#fffdfa;
  --line:#e4d9c9;
  --text:#2c241d;
  --muted:#6d6055;
}
*{box-sizing:border-box;}
body{margin:0;background:var(--cream);color:var(--text);font-family:'Inter',system-ui,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased;}
h1,h2,h3{font-family:'Fraunces',Georgia,serif;font-weight:600;line-height:1.16;margin:0;}
a{color:inherit;}
.wrap{width:100%;max-width:1050px;margin:0 auto;padding:0 22px;}
.narrow{max-width:680px;}
.eyebrow{font-size:11.5px;letter-spacing:.17em;text-transform:uppercase;font-weight:600;color:var(--accent);margin:0 0 12px;}

header.site{position:sticky;top:0;z-index:20;background:rgba(20,16,13,.96);border-bottom:1px solid rgba(255,255,255,.09);}
.navRow{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0;}
.mark{display:flex;align-items:center;gap:10px;text-decoration:none;color:#f6f1e8;min-width:0;}
.markGlyph{width:30px;height:30px;flex:none;}
.markName{font-family:'Fraunces',Georgia,serif;font-size:16.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
nav.links{display:flex;align-items:center;gap:6px;flex:none;}
nav.links a{color:#cfc4b5;text-decoration:none;font-size:14px;font-weight:500;padding:8px 11px;border-radius:8px;}
nav.links a:hover{color:#fff;background:rgba(255,255,255,.07);}
.give{background:linear-gradient(180deg,var(--accent-light),var(--accent));color:#20150a !important;font-weight:600;padding:9px 17px !important;border-radius:999px;}

.top{background:var(--ink);color:#f6f1e8;padding:56px 0 50px;}
.top h1{font-size:clamp(30px,5.4vw,46px);letter-spacing:-.01em;}
.top .date{color:#bfb3a2;font-size:14.5px;margin:14px 0 0;}

article{padding:44px 0 20px;}
.verse{font-family:'Fraunces',Georgia,serif;font-size:clamp(20px,2.6vw,24px);line-height:1.45;color:var(--ink);margin:0 0 6px;}
.ref{font-size:14px;color:var(--muted);margin:0 0 30px;}
article p{font-size:17.5px;margin:0 0 20px;}
article h2{font-size:24px;margin:42px 0 18px;padding-top:30px;border-top:1px solid var(--line);}
.story{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:6px 26px 8px;margin-top:40px;}
.story h2{border-top:none;padding-top:22px;margin-top:0;}

.pray h2{border-top:none;padding-top:0;margin-top:44px;}
.pray p{font-style:italic;}
.affirm{text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 10px 8px;margin-top:34px;}
.affirm .line{font-family:'Fraunces',Georgia,serif;font-size:clamp(21px,2.8vw,26px);line-height:1.4;color:var(--ink);font-style:normal;}

.next{background:var(--ink);color:#f6f1e8;border-radius:16px;padding:28px 28px 30px;margin:44px 0 56px;}
.next h3{font-size:22px;}
.next p{color:#ded3c3;font-size:16px;margin:10px 0 20px;}
.btn{display:inline-block;text-decoration:none;font-weight:600;font-size:15px;padding:13px 24px;border-radius:999px;background:linear-gradient(180deg,var(--accent-light),var(--accent));color:#20150a;}

.list{list-style:none;margin:0;padding:40px 0 60px;display:grid;gap:14px;}
.list a{display:block;text-decoration:none;background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:20px 22px;}
.list a:hover{border-color:var(--accent);}
.list .when{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--accent);}
.list .t{font-family:'Fraunces',Georgia,serif;font-size:21px;font-weight:600;margin-top:6px;}
.list .v{font-size:15px;color:var(--muted);margin-top:6px;}
.back{display:inline-block;margin-top:22px;font-size:14.5px;color:#cfc4b5;text-decoration:none;}

footer.site{background:var(--ink);color:#b9ad9c;padding:40px 0 34px;font-size:14px;}
footer.site .fRow{display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;}
footer.site a{color:#ded3c3;}
footer.site .fName{font-family:'Fraunces',Georgia,serif;color:#f6f1e8;font-size:17px;font-weight:600;}

@media (max-width:760px){
  nav.links a:not(.give){display:none;}
  .top{padding:42px 0 38px;}
  .story{padding:4px 18px 6px;}
}

.verse.inline{margin-top:8px;}
article.wrap{padding-top:40px;}
.story .src{font-size:13.5px;color:var(--muted);margin-top:-6px;}
nav.more{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:44px;}
nav.more a{display:block;text-decoration:none;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px;font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:16px;line-height:1.3;}
nav.more a:hover{border-color:var(--accent);}
nav.more a.r{text-align:right;}
nav.more span{display:block;font-family:'Inter',sans-serif;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:600;margin-bottom:4px;}
@media (max-width:560px){nav.more{grid-template-columns:1fr;} nav.more a.r{text-align:left;}}