:root{--bg:#fbfbfd;--tile:#f2f2f7;--ink:#1d1d1f;--mute:#6e6e73;--line:#d2d2d7;--acc:#3b3fd8;--glass:rgba(251,251,253,.72);color-scheme:light}
@media(prefers-color-scheme:dark){:root{--bg:#131315;--tile:#1e1e21;--ink:#f5f5f7;--mute:#a8a8ad;--line:#2c2c2e;--acc:#8c96ff;--glass:rgba(19,19,21,.72);color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.47 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
nav{position:sticky;top:0;z-index:5;background:var(--glass);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--line)}
nav div{max-width:760px;margin:0 auto;height:52px;padding:0 22px;display:flex;align-items:center;justify-content:space-between}
nav .brand{font-weight:600;letter-spacing:-.01em;text-decoration:none}
.pill{display:inline-block;text-decoration:none;font-size:15px;font-weight:500;padding:9px 20px;border-radius:999px;background:var(--acc);color:#fff}
@media(prefers-color-scheme:dark){.pill{color:#000}}
.pill.big{font-size:17px;padding:12px 26px}
main{max-width:760px;margin:0 auto;padding:56px 22px 0}
h1{font-size:clamp(34px,6.4vw,52px);line-height:1.08;letter-spacing:-.03em;margin:0 0 16px;font-weight:700}
h2{font-size:clamp(24px,4vw,32px);line-height:1.15;letter-spacing:-.02em;margin:52px 0 12px;font-weight:700}
.lede{font-size:clamp(19px,3vw,22px);line-height:1.4;color:var(--mute);margin:0 0 8px}
.date{color:var(--mute);font-size:14px;margin:0 0 28px}
article p{font-family:"Literata",Georgia,serif;font-size:18.5px;line-height:1.78;margin:0 0 22px}
article li{font-family:"Literata",Georgia,serif;font-size:18.5px;line-height:1.62}
article ul,article ol{margin:0 0 20px;padding-left:24px}
article li{margin-bottom:8px}
blockquote{margin:28px 0;padding:4px 0 4px 22px;border-left:3px solid var(--acc);font-family:"Literata",Georgia,serif;font-size:19.5px;line-height:1.6;font-style:italic}
blockquote .ref{display:block;font-style:normal;font-size:14.5px;color:var(--mute);margin-top:8px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
.step{background:var(--tile);border-radius:22px;padding:24px 24px 6px;margin:0 0 16px}
.step h3{margin:0 0 6px;font-size:20px;letter-spacing:-.01em}
.step .verse{font-family:"Literata",Georgia,serif;font-style:italic;font-size:17.5px;line-height:1.55;color:var(--ink);margin:0 0 4px}
.step .vref{font-size:13.5px;color:var(--mute);margin:0 0 12px}
.step p{font-size:17.5px}
.step .prayline{border-top:1px solid var(--line);padding-top:14px;font-family:"Literata",Georgia,serif;font-style:italic}
.psalm .v{font-family:"Literata",Georgia,serif;font-size:18.5px;line-height:1.75;margin:0 0 8px}
.psalm .vn{font-size:12.5px;color:var(--acc);font-weight:700;vertical-align:super;margin-right:6px}
.hint{color:var(--mute);font-family:"Literata",Georgia,serif;font-style:italic;font-size:17.5px;line-height:1.6;margin:22px 0}
.cta-box{background:#1d1d1f;color:#f5f5f7;border-radius:26px;padding:32px 28px;margin:44px 0 8px;text-align:left}
.cta-box h2{color:#f5f5f7;margin:0 0 10px;font-size:26px}
.cta-box p{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;font-size:17px;line-height:1.5;color:#c7c7cc;margin:0 0 20px}
.cta-box .pill{background:#8c96ff;color:#000}
.crosslink{background:var(--tile);border-radius:22px;padding:22px 24px;margin:28px 0 8px}
.crosslink p{margin:0;font-size:16.5px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;line-height:1.5}
.crosslink a{color:var(--acc);font-weight:600;text-decoration:none}
.crosslink a:hover{text-decoration:underline}
.postcard{display:block;background:var(--tile);border-radius:22px;padding:26px 24px;margin:0 0 16px;text-decoration:none}
.postcard h3{margin:0 0 8px;font-size:22px;letter-spacing:-.01em}
.postcard p{margin:0;color:var(--mute);font-size:16.5px;line-height:1.5}
.postcard .date{margin:0 0 10px}
footer{display:flex;justify-content:space-between;align-items:flex-start;gap:20px 40px;flex-wrap:wrap;max-width:1040px;margin:110px auto 0;padding:26px 22px calc(40px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);color:var(--mute);font-size:14px}
footer .fleft p{margin:0}
footer .fleft p+p{margin-top:4px}
footer .fpray p{margin:0}
footer .fpray p+p{margin-top:4px}
footer .fpray b{color:var(--ink);font-weight:600}
footer .fpray a{text-decoration:none}
footer .fpray a:hover{text-decoration:underline}
footer .dh{margin:0;text-align:right}
footer .dh a{color:inherit;text-decoration:none}
@media(max-width:640px){footer .dh{text-align:left}}

.heroimg{width:100%;height:auto;display:block;border-radius:22px;margin:12px 0 30px}
.cardimg{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;border-radius:14px;margin:0 0 18px}