:root{color-scheme:light dark}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:#0e1424;color:#e8ecf5}
main{max-width:760px;margin:0 auto;padding:24px 16px 60px}
#status{text-align:center;padding:40px 0}
#card{font-family:Georgia,"DejaVu Serif",serif;color:#fff;padding:48px 32px 36px;border-radius:14px;position:relative;overflow:hidden}
#card::before{content:"";position:absolute;inset:0;background:rgba(10,18,38,.28);z-index:0}
#card>*{position:relative}
#card h1{text-align:center;font-size:clamp(20px,4.5vw,28px);letter-spacing:6px;text-transform:uppercase;margin:0;font-weight:normal;text-shadow:0 2px 8px rgba(0,0,0,.5)}
.date{text-align:center;font-size:clamp(17px,3.6vw,22px);margin:14px 0 0;color:#ffd9a0}
.rule{width:100px;height:2px;background:#f2c48d;margin:20px auto 30px}
#card section{margin-bottom:26px}
#card h2{font-size:clamp(16px,3.4vw,20px);letter-spacing:3px;text-transform:uppercase;color:#ffd9a0;margin:0 0 8px}
#card p,#card li{font-size:clamp(17px,3.6vw,21px);line-height:1.5;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.55)}
.verse{font-style:italic}.ref{display:block;font-style:normal;font-weight:bold;color:#ffd9a0;margin-bottom:6px}
#card ol{padding-left:28px;margin:0}#card li{margin-bottom:6px}
.bless{text-align:center;font-weight:bold;margin-top:34px!important}
.foot{text-align:center;margin-top:20px!important;font-size:16px!important}.foot b{display:block;letter-spacing:3px;text-transform:uppercase;margin-bottom:4px}
#below{margin-top:22px}
button{font:inherit;padding:10px 18px;border-radius:8px;border:0;background:#f2c48d;color:#1b1b2c;cursor:pointer;font-weight:600}
button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:2px}
h3{margin:22px 0 6px;font-size:15px;color:#ffd9a0}
#below a,#archiveWrap a{color:#9fc3ff}#below ul,#archiveWrap ul{margin:0;padding-left:20px;line-height:1.7}
#archiveWrap{margin-top:26px}
