.filter-row{ display:flex; gap:10px; flex-wrap:wrap; margin-bottom:24px;}
.filter-row button{
  padding:8px 16px; border-radius:999px; border:1px solid var(--line); background:#fff;
  font-family:var(--mono); font-size:0.78rem; cursor:pointer; color:var(--teal);
}
.filter-row button.active{ background:var(--teal); color:var(--parchment); border-color:var(--teal);}

.prayer-card{ margin-bottom:18px;}
.prayer-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:14px; flex-wrap:wrap;}
.prayer-title{ font-family:var(--serif); font-size:1.25rem; margin:0 0 4px; color:var(--teal-deep);}
.prayer-ref{ font-family:var(--mono); font-size:0.75rem; color:var(--gold); text-transform:uppercase; letter-spacing:0.06em;}
.season-tag{
  font-family:var(--mono); font-size:0.68rem; text-transform:uppercase; letter-spacing:0.06em;
  background:var(--parchment-2); border:1px solid var(--line); border-radius:999px; padding:4px 10px; color:var(--teal); white-space:nowrap;
}
.prayer-body{ margin-top:12px; font-size:0.98rem;}
.prayer-passage{ font-style:italic; color:var(--teal-deep); border-left:3px solid var(--gold); padding-left:14px; margin-top:12px;}
.prayer-actions{ margin-top:14px;}

.guide-steps{ display:grid; gap:16px; margin:24px 0; }
.guide-step{ display:flex; gap:16px; align-items:flex-start;}
.guide-step .num{ font-family:var(--serif); font-size:1.6rem; color:var(--gold); min-width:36px;}