/* Fasting and holy days page only (fasting/index.html). Builds on style.css. */
.fd-page h2{font-size:clamp(24px,4.6vw,34px);margin:clamp(34px,6vw,54px) 0 14px}
.fd-note p+p{margin-top:8px}
.fd-meta{color:var(--mute);font-size:15px}
.fd-meta a,.fd-src a,.fd-note a{color:var(--amber);text-underline-offset:3px}
.fd-filter{margin-top:26px}
.fd-filter .lbl{font-weight:700;margin-bottom:8px;color:var(--mute);font-size:14px;letter-spacing:.14em;text-transform:uppercase}
.fd-filter .chips{flex-wrap:wrap}
.chip .n{font-weight:400;opacity:.7;font-size:13px}
.fd-soon h2{color:var(--amber)}
.fd-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.fd{display:flex;gap:16px;padding:18px;border-radius:var(--r);background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--c)}
.fd-date{flex:none;width:58px;text-align:center;line-height:1}
.fd-date small{display:block;color:var(--mute);font-size:13px;margin-bottom:4px}
.fd-date b{display:block;font:800 30px/1 var(--head);color:var(--text)}
.fd-date span{display:block;margin-top:4px;color:var(--c);font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.08em}
.fd-body{min-width:0;flex:1}
.fd-body h3{font-size:clamp(20px,3.6vw,24px);margin:10px 0 6px;overflow-wrap:anywhere}
.fd-alt{font:400 16px/1.3 var(--body);color:var(--mute)}
.fd-when{color:#d5e2e5;font-size:15px;font-weight:700}
.fd-in{display:inline-block;margin-right:8px;padding:3px 9px;border-radius:999px;background:var(--c);color:#08131b;font-size:13px}
.fd-who{color:var(--mute);font-size:15px;margin-top:4px}
.fd-body .what{color:#d0dde0;margin-top:6px}
.fd-check{margin-top:8px;padding:8px 12px;border-radius:12px;background:rgba(255,184,77,.1);border:1px solid rgba(255,184,77,.35);font-size:15px}
.fd-src{margin-top:8px;color:var(--mute);font-size:13px;overflow-wrap:anywhere}
.fd-month h2{position:sticky;top:64px;z-index:2;padding:10px 0;background:var(--ink)}
.fd-rule{margin-top:14px;padding:18px;border-radius:var(--r);background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--c)}
.fd-rule ul{margin:10px 0 0;padding-left:20px;display:grid;gap:8px}
.fd-rule li{color:#d0dde0}
.fd-sources .fd-meta{overflow-wrap:anywhere;line-height:1.8}
@media (max-width:420px){.fd{gap:12px;padding:16px 14px}.fd-date{width:46px}.fd-date b{font-size:26px}}
.fd-alt-line{display:block;margin-top:2px;font-size:15px}
.fd-days{margin-top:6px;font-weight:700;font-size:15px;color:var(--c)}