:root{
  --ink:#171717;--paper:#fffdf8;--muted:#6f6a62;--line:#e9e2d7;--gold:#b3872f;
  --t:#8B0F24;--h:#CD7F32;--p:#E5C53A;--pr:#2E7D32;--g:#89CFF0;--e:#0F52BA;--r:#5B2A86
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:linear-gradient(#fff,var(--paper));font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.header,main,footer{width:min(1180px,calc(100% - 32px));margin:auto}
.header{min-height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.brand>span:last-child{display:flex;flex-direction:column}
.brand strong{font-family:Georgia,serif;letter-spacing:.08em;font-size:1.25rem}
.brand small{color:var(--muted);font-size:.68rem;letter-spacing:.12em;margin-top:4px}
.badge{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:white;font:700 2rem Georgia,serif;background:linear-gradient(var(--t) 0 14%,var(--h) 14% 28%,var(--p) 28% 42%,var(--pr) 42% 56%,var(--g) 56% 70%,var(--e) 70% 84%,var(--r) 84%)}
nav{display:flex;gap:22px}nav a{text-decoration:none;color:#4e4a44;font-weight:650}
.hero{display:grid;grid-template-columns:1.35fr .65fr;gap:52px;align-items:center;padding:84px 0 76px}
.eyebrow{color:var(--gold);font-weight:800;letter-spacing:.14em;font-size:.78rem}
.hero h1,h2{font-family:Georgia,serif;font-weight:500;letter-spacing:-.03em}
.hero h1{font-size:clamp(3.3rem,7vw,6.7rem);line-height:.92;margin:14px 0 24px}
.lead{font:1.45rem/1.5 Georgia,serif;color:#3c3834}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.actions a{padding:14px 19px;border-radius:999px;text-decoration:none;font-weight:750}
.primary{background:#171717;color:white}.secondary{border:1px solid #cfc6b9}
.today{border:1px solid #d9cfbf;border-radius:28px;background:#fff;padding:28px;min-height:330px;display:flex;flex-direction:column;box-shadow:0 22px 60px rgba(54,42,17,.08)}
.todaytop{display:flex;justify-content:space-between;font-size:.78rem;font-weight:800;letter-spacing:.12em}.todaytop b{background:#111;color:#fff;padding:7px 10px;border-radius:999px}
.daynum{margin-top:auto;font:500 clamp(3rem,6vw,5.6rem)/.95 Georgia,serif}.date{font-size:1.15rem;margin-top:10px;color:#575149}.today p{color:#6d665d;line-height:1.5}
.section{padding:64px 0 86px;border-top:1px solid var(--line)}
h2{font-size:clamp(2.2rem,4.2vw,4.2rem);line-height:1.05;margin:10px 0 16px}
.intro{color:var(--muted);font-size:1.08rem;line-height:1.65;max-width:780px}
.seals{display:grid;gap:9px;margin-top:30px}
.s{display:grid;grid-template-columns:66px 1fr;align-items:center;gap:16px;min-height:92px;padding:16px 22px 16px 12px;border-radius:18px;border:1px solid rgba(0,0,0,.07)}
.s>span{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#ffffffc9;font:700 1.8rem Georgia,serif}
.s h3{margin:0;font:600 1.55rem Georgia,serif}.s p{margin:4px 0 0;color:#0009}
.s1{background:#8b0f241c;border-left:7px solid var(--t)}.s2{background:#cd7f3222;border-left:7px solid var(--h)}
.s3{background:#e5c53a2e;border-left:7px solid var(--p)}.s4{background:#2e7d321c;border-left:7px solid var(--pr)}
.s5{background:#89cff02e;border-left:7px solid var(--g)}.s6{background:#0f52ba19;border-left:7px solid var(--e)}
.s7{background:#5b2a861c;border-left:7px solid var(--r)}
.split{display:grid;grid-template-columns:1fr 380px;gap:60px;align-items:center}
.card{border:1px solid #d9cfbf;border-radius:24px;padding:26px;background:#fff;display:grid;gap:10px}.card strong{font:600 1.55rem Georgia,serif}.card span{color:var(--muted)}
.pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.pills span{padding:10px 14px;border:1px solid #d9d2c8;border-radius:999px;background:#fff;color:#625c54}.pills .active{background:#171717;color:#fff;border-color:#171717}
footer{padding:28px 0 46px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#655f57}footer div{display:flex;flex-direction:column}footer strong{color:#171717;letter-spacing:.08em}

/* Scripture reader */
.reader-body{background:#fffdfa}
.reader-shell{width:min(1280px,calc(100% - 26px));margin:0 auto 70px}
.reader-toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:24px 0 18px;border-bottom:1px solid var(--line)}
.reader-toolbar .center{text-align:center}
.reader-toolbar .right{text-align:right}
.reader-toolbar a,.reader-toolbar button{font:700 .95rem/1 system-ui,sans-serif;text-decoration:none;color:#28231f;background:#fff;border:1px solid #d8d0c5;border-radius:999px;padding:11px 15px;cursor:pointer}
.reader-toolbar button:disabled{opacity:.35;cursor:not-allowed}
.reader-title{text-align:center;padding:30px 0 24px}
.reader-title .edition{color:var(--gold);font-size:.74rem;font-weight:850;letter-spacing:.16em}
.reader-title h1{font:500 clamp(2.3rem,5vw,4.4rem)/1 Georgia,serif;margin:10px 0}
.reader-title .date-big{font-size:1.05rem;color:#5d574f}
.loading{margin:30px auto;max-width:760px;text-align:center;padding:28px;border:1px solid var(--line);border-radius:20px;background:white;color:#5f584f}
.loading.error{border-color:#b95151;color:#7e2525}
.readings{display:grid;gap:8px}
.reading-row{
  --accent:#777;--wash:#f6f3ee;--ratio:.5;
  border:1px solid rgba(0,0,0,.065);
  border-left:7px solid var(--accent);
  border-radius:16px;
  background:var(--wash);
  padding:calc(14px + 8px * var(--ratio)) 18px calc(16px + 9px * var(--ratio));
  min-height:calc(92px + 72px * var(--ratio));
}
.reading-head{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:7px}
.reading-head h2{font:700 1rem/1.1 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.13em;margin:0;color:#2c2824}
.reading-ref{font:.83rem/1.35 system-ui,sans-serif;color:#716a62;text-align:right}
.scripture-text{margin:0;font:400 clamp(1.02rem,1.3vw,1.19rem)/1.52 Georgia,"Times New Roman",serif;color:#171717}
.scripture-text sup{font:700 .61em/0 system-ui,sans-serif;color:#686158;margin-right:.12em;vertical-align:super}
.scripture-text .chapter-break{font:700 .67em/1 system-ui,sans-serif;color:#5d574f;text-transform:uppercase;letter-spacing:.08em;margin:0 .45em 0 .35em;white-space:nowrap}
.reader-note{font-size:.78rem;color:#7d756c;text-align:center;margin:26px auto 0;max-width:850px;line-height:1.5}
.torah{--accent:var(--t);--wash:#8b0f240d}.history{--accent:var(--h);--wash:#cd7f3211}.poetry{--accent:var(--p);--wash:#e5c53a18}
.prophets{--accent:var(--pr);--wash:#2e7d320d}.gospels{--accent:var(--g);--wash:#89cff019}.epistles{--accent:var(--e);--wash:#0f52ba0c}.revelation{--accent:var(--r);--wash:#5b2a860d}

@media(max-width:820px){
  nav{display:none}.hero{grid-template-columns:1fr;padding-top:56px}.today{min-height:250px}.split{grid-template-columns:1fr;gap:24px}
  .reader-toolbar{grid-template-columns:1fr 1fr}.reader-toolbar .center{grid-column:1/-1;grid-row:1}.reader-toolbar .right{text-align:right}
  .reading-head{display:block}.reading-ref{text-align:left;margin-top:4px}
}
@media(max-width:520px){
  .header,main,footer{width:min(100% - 22px,1180px)}.brand small{display:none}.hero h1{font-size:3.5rem}
  .s{grid-template-columns:52px 1fr}.s>span{width:44px;height:44px;font-size:1.45rem}footer{flex-direction:column}
  .reader-shell{width:min(100% - 14px,1280px)}.reading-row{border-radius:12px;padding-left:13px;padding-right:13px}
}