/* 13: Today only. Shared reader, navigation and date business logic unchanged. */
html[data-theme] body[data-page="home"]{
  --today-ink:#1c2924;
  --today-muted:#46564e;
  --today-glass:rgba(248,251,247,.64);
  --today-border:rgba(255,255,255,.76);
  --today-button:rgba(255,255,255,.70);
  --today-shadow:0 12px 28px rgba(32,49,39,.08),inset 0 1px 0 rgba(255,255,255,.6);
  --today-old:#735611;
  --today-old-surface:rgba(248,229,145,.62);
  --today-new:#7143a6;
  --today-new-surface:rgba(230,214,247,.65);
}
html[data-theme="dark"] body[data-page="home"]{
  --today-ink:#f1f2ee;
  --today-muted:#bac2bd;
  --today-glass:rgba(43,47,44,.72);
  --today-border:rgba(255,255,255,.19);
  --today-button:rgba(255,255,255,.10);
  --today-shadow:0 12px 28px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.08);
  --today-old:#f4d26b;
  --today-old-surface:rgba(244,198,43,.13);
  --today-new:#c6a4ee;
  --today-new-surface:rgba(153,114,204,.19);
}
html[data-theme] body[data-page="home"] .app{
  min-height:100svh!important;
  padding-bottom:calc(98px + env(safe-area-inset-bottom,0px))!important;
  background:transparent!important;
}
html[data-theme] body[data-page="home"] .brand span{
  color:var(--today-muted)!important;font-weight:500;opacity:1!important;
}
html[data-theme] body[data-page="home"] .brand b,
html[data-theme] body[data-page="home"] .headline{color:var(--today-ink)!important;text-shadow:none!important}
/* Restore the existing previous/next links hidden by the old theme. */
html[data-theme] body[data-page="home"] .b27-date-nav{
  display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;
  gap:10px!important;align-items:center!important;margin:0 0 22px!important;
}
html[data-theme] body[data-page="home"] .b27-date-arrow{
  display:grid!important;place-items:center;width:44px;height:44px;
  border:1px solid var(--today-border);background:var(--today-glass)!important;
  color:var(--today-ink)!important;box-shadow:var(--today-shadow)!important;
  font:32px/1 -apple-system,BlinkMacSystemFont,sans-serif;
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
}
html[data-theme] body[data-page="home"] .b27-date-arrow.is-disabled{opacity:.3!important;pointer-events:none}
html[data-theme] body[data-page="home"] .b27-date-button{
  min-width:0!important;width:100%;min-height:54px!important;padding:9px 8px!important;
  border:1px solid var(--today-border)!important;background:var(--today-glass)!important;
  color:var(--today-ink)!important;box-shadow:var(--today-shadow)!important;
}
html[data-theme] body[data-page="home"] .b27-date-button b{font-size:14px!important;line-height:1.2!important}
html[data-theme] body[data-page="home"] .b27-date-button span{color:var(--today-muted)!important;font-size:12px!important}
/* Neutral glass cards; colour belongs to the category and progress only. */
html[data-theme] body[data-page="home"] .reading-cards{gap:12px!important;align-items:stretch}
html[data-theme] body[data-page="home"] .reading-card,
html[data-theme] body[data-page="home"] .reading-card.old,
html[data-theme] body[data-page="home"] .reading-card.new{
  min-height:210px!important;padding:15px 12px 12px!important;border-radius:24px!important;
  border:1px solid var(--today-border)!important;background:var(--today-glass)!important;
  color:var(--today-ink)!important;box-shadow:var(--today-shadow)!important;
  -webkit-backdrop-filter:blur(20px) saturate(115%);backdrop-filter:blur(20px) saturate(115%);
}
html[data-theme] body[data-page="home"] .testament{
  align-self:flex-start;padding:6px 8px;border-radius:10px;font-size:11px!important;
  font-weight:700!important;line-height:1.2!important;white-space:nowrap;
}
html[data-theme] body[data-page="home"] .old .testament{color:var(--today-old)!important;background:var(--today-old-surface)}
html[data-theme] body[data-page="home"] .new .testament{color:var(--today-new)!important;background:var(--today-new-surface)}
html[data-theme] body[data-page="home"] .reading-title{
  margin:13px 0 7px!important;color:var(--today-ink)!important;
  font-size:18px!important;font-weight:700!important;line-height:1.18!important;letter-spacing:-.45px!important;
}
html[data-theme] body[data-page="home"] .chapter-label,
html[data-theme] body[data-page="home"] .progress-row{color:var(--today-muted)!important;font-size:12px!important}
html[data-theme] body[data-page="home"] .progress-row{padding-top:14px;gap:8px}
html[data-theme] body[data-page="home"] .bar{height:4px;background:rgba(79,94,84,.16)!important}
html[data-theme] body[data-page="home"] .old .bar i{background:#d7ac2b!important}
html[data-theme] body[data-page="home"] .new .bar i{background:#9972cc!important}
html[data-theme] body[data-page="home"] .reading-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin-top:12px!important}
html[data-theme] body[data-page="home"] .reading-actions a,
html[data-theme] body[data-page="home"] .reading-actions a:first-child{
  min-height:48px!important;min-width:0;padding:5px 3px!important;gap:2px!important;flex-direction:column;
  border:1px solid var(--today-border)!important;border-radius:13px!important;
  background:var(--today-button)!important;color:var(--today-ink)!important;
  font-size:11px!important;font-weight:650!important;white-space:nowrap;box-shadow:none!important;
}
html[data-theme] body[data-page="home"] .reading-actions span{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex:none;font-size:14px!important}
html[data-theme] body[data-page="home"] .reading-actions svg{display:block;width:16px;height:16px}
html[data-theme] body[data-page="home"] .golden-verse{
  margin-top:18px!important;padding:16px!important;border-radius:24px!important;
  border:1px solid var(--today-border)!important;background:var(--today-glass)!important;
  box-shadow:var(--today-shadow)!important;
}
html[data-theme] body[data-page="home"] .golden-verse__eyebrow{margin-bottom:10px!important;color:var(--today-muted)!important;font-size:10px!important}
html[data-theme] body[data-page="home"] .golden-verse__text{
  padding-left:12px!important;border-left-width:2px!important;border-color:#d7ac2b!important;
  color:var(--today-ink)!important;font-size:16px!important;line-height:1.5!important;letter-spacing:0!important;
}
html[data-theme] body[data-page="home"] .golden-verse__reference{
  margin:10px 0 0 14px!important;color:var(--today-muted)!important;font-size:11px!important;line-height:1.4;
}
html[data-theme] body[data-page="home"] .footer{
  margin:24px 6px 0!important;padding-bottom:0!important;color:var(--today-muted)!important;font-size:10px!important;
}
/* The existing date dialog is portalled to body by date-navigation.js. */
body[data-page="home"] .today-calendar-backdrop{
  display:none;position:fixed;inset:0;z-index:100;background:rgba(38,47,41,.12);
  -webkit-backdrop-filter:blur(12px) saturate(95%);backdrop-filter:blur(12px) saturate(95%);
}
body[data-page="home"]:has(.b27-date-popover.is-portal:not([hidden])) .today-calendar-backdrop{display:block}
html[data-theme] body[data-page="home"] .b27-date-popover{
  padding:16px!important;border:1px solid var(--today-border)!important;border-radius:26px!important;
  background:var(--today-glass)!important;color:var(--today-ink)!important;
  box-shadow:0 24px 64px rgba(18,30,23,.22),inset 0 1px 0 rgba(255,255,255,.5)!important;
  -webkit-backdrop-filter:blur(26px) saturate(115%);backdrop-filter:blur(26px) saturate(115%);
}
html[data-theme] body[data-page="home"] .b27-calendar-header button,
html[data-theme] body[data-page="home"] .b27-calendar-today{
  background:var(--today-button)!important;color:var(--today-ink)!important;
  border:1px solid var(--today-border)!important;
}
html[data-theme] body[data-page="home"] .b27-calendar-weekdays{color:var(--today-muted)!important}
html[data-theme] body[data-page="home"] .b27-calendar-day{color:var(--today-ink)!important;min-height:40px}
html[data-theme] body[data-page="home"] .b27-calendar-day.is-outside{color:var(--today-muted)!important;opacity:.55}
html[data-theme] body[data-page="home"] .b27-calendar-day:disabled{opacity:.25}
html[data-theme] body[data-page="home"] .b27-calendar-day.is-today:not(.is-selected){box-shadow:inset 0 0 0 1.5px #d7ac2b!important}
html[data-theme] body[data-page="home"] .b27-calendar-day.is-selected{background:#8058d4!important;color:#fff!important;opacity:1;box-shadow:0 4px 12px rgba(128,88,212,.24)!important}
body[data-page="home"] .b27-date-nav a:focus-visible,
body[data-page="home"] .b27-date-nav button:focus-visible,
body[data-page="home"] .b27-date-popover button:focus-visible,
body[data-page="home"] .reading-actions a:focus-visible{outline:2px solid #8058d4;outline-offset:3px}

/* 19 — compact daily readings and Calendar-style event rows. Today only. */
html[data-theme] body[data-page="home"] .reading-card,
html[data-theme] body[data-page="home"] .reading-card.old,
html[data-theme] body[data-page="home"] .reading-card.new{
  min-height:0!important;height:auto!important;padding:14px 12px 12px!important;
}
html[data-theme] body[data-page="home"] .reading-title{margin:12px 0 0!important;min-height:0!important;font-size:17px!important;line-height:1.22!important;letter-spacing:-.3px!important}
html[data-theme] body[data-page="home"] .reading-passage+.reading-passage{margin-top:8px}
html[data-theme] body[data-page="home"] .reading-book{display:block;font-size:inherit;color:var(--today-ink);overflow-wrap:anywhere}
html[data-theme] body[data-page="home"] .reading-chapters{display:block;margin-top:5px;color:var(--today-muted);font:500 12px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:0}
html[data-theme] body[data-page="home"] .chapter-label{display:none!important}
html[data-theme] body[data-page="home"] .progress-row{margin-top:14px!important;padding-top:0!important;min-height:18px;gap:8px}
html[data-theme] body[data-page="home"] .reading-actions{margin-top:10px!important}
html[data-theme] body[data-page="home"] .reading-actions a{min-height:44px!important}
/* Four existing children need four columns: stripe / time / details / arrow. */
html[data-theme] body[data-page="home"] .daily-events{margin-top:18px}
html[data-theme] body[data-page="home"] .daily-feature__eyebrow{color:var(--today-muted)!important;font-size:10px!important;margin:0 0 8px 3px}
html[data-theme] body[data-page="home"] .daily-event{
  position:relative;display:grid!important;grid-template-columns:4px 64px minmax(0,1fr) 22px!important;
  align-items:center;gap:10px!important;min-width:0;min-height:76px!important;width:100%;
  padding:12px 12px 12px 0!important;overflow:hidden;border-radius:20px!important;
  border:1px solid var(--today-border)!important;background:var(--today-glass)!important;
  box-shadow:var(--today-shadow)!important;color:var(--today-ink)!important;
  -webkit-backdrop-filter:blur(20px) saturate(115%);backdrop-filter:blur(20px) saturate(115%);
}
html[data-theme] body[data-page="home"] .daily-event__stripe{display:block!important;grid-column:1;grid-row:1;align-self:stretch;min-height:40px;width:4px;border-radius:0 4px 4px 0;background:var(--event-accent,#37a9a3)}
html[data-theme] body[data-page="home"] .daily-event__time{grid-column:2;grid-row:1;min-width:0!important;padding:0!important;font-size:14px!important;font-weight:700;color:var(--today-ink)!important;white-space:nowrap}
html[data-theme] body[data-page="home"] .daily-event__time--all-day{font-size:11px!important;white-space:normal;line-height:1.3}
html[data-theme] body[data-page="home"] .daily-event__copy{grid-column:3;grid-row:1;display:grid;gap:4px;min-width:0!important;text-align:left}
html[data-theme] body[data-page="home"] .daily-event__copy b{font-size:14px!important;line-height:1.25!important;color:var(--today-ink)!important;font-weight:650;overflow-wrap:anywhere}
html[data-theme] body[data-page="home"] .daily-event__copy small{font-size:11px!important;line-height:1.3;color:var(--today-muted)!important;overflow-wrap:anywhere}
html[data-theme] body[data-page="home"] .daily-event__arrow{grid-column:4;grid-row:1;text-align:center;color:var(--today-muted)!important;font-size:24px!important}
html[data-theme] body[data-page="home"] .daily-events__all{color:var(--today-new)!important;min-height:44px}
@media(min-width:520px){html[data-theme] body[data-page="home"] .reading-title{font-size:20px!important}}