/* Individual event cards, with a quiet accent inside each card. */
html[data-theme] .calendar-app .day-card{display:grid;gap:12px;overflow:visible}
html[data-theme] .calendar-app .day-group{margin-bottom:24px}
html[data-theme] .calendar-app .event-row{grid-template-columns:3px 64px minmax(0,1fr) 16px;gap:11px;min-height:74px!important;padding:13px 14px!important;border:1px solid rgba(255,255,255,.7)!important;border-radius:20px!important;background:rgba(242,247,239,.76)!important;overflow:hidden}
html[data-theme] .calendar-app .event-row__stripe{align-self:center;justify-self:center;width:3px;height:38px;min-height:0;border-radius:99px;background:var(--accent,var(--teal))}
html[data-theme] .calendar-app .event-row__time{padding:0;font-size:14px;line-height:1.3}
html[data-theme] .calendar-app .event-row__title{white-space:normal;overflow-wrap:break-word;font-size:14px;line-height:1.35}
html[data-theme] .calendar-app .event-row__subtitle{margin-top:4px;line-height:1.3}
html[data-theme="dark"][data-theme] .calendar-app .event-row{background:rgba(43,48,45,.94)!important;border-color:rgba(255,255,255,.16)!important}
/* The Today cards use the same inset accent. */
html[data-theme] body[data-page="home"] .daily-event--stripe{grid-template-columns:3px 64px minmax(0,1fr) 16px!important;gap:11px!important;padding:13px 14px!important;border-radius:20px!important}
html[data-theme] body[data-page="home"] .daily-event__stripe{align-self:center!important;width:3px!important;height:38px!important;min-height:0!important;border-radius:99px!important}
html[data-theme] body[data-page="home"] .daily-event__time{min-width:0;font-size:14px;line-height:1.3;white-space:normal}
/* Existing church photograph, alongside the church address. */
html[data-theme] body[data-page="contacts"] .contacts-church-photo{display:block;width:100%;height:clamp(168px,46vw,210px);object-fit:cover;object-position:65% 35%;border-radius:18px;margin:0 0 16px}
/* Keep each existing preview's proportions; portrait church photos are framed. */
html[data-theme] .event-hero{aspect-ratio:16/9;height:auto;border-radius:20px;margin-top:38px}
html[data-theme] .event-hero img{display:block;width:100%;height:100%;object-fit:cover}
html[data-theme] .event-hero--real-church img{object-position:65% 35%}