/* Life, family and money pages (lf-). Small layout helpers on top of ak.css. */
.lf_pair{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.lf_three{display:grid;grid-template-columns:minmax(0,1fr) 7rem 9rem;gap:.5rem;align-items:end}
@media (max-width:520px){.lf_pair,.lf_three{grid-template-columns:1fr}}
.lf_days .cell .h3{margin-block-start:1rem;font-size:1.0625rem;line-height:1.35}
.lf_days .cell p{margin-block-start:.4rem}
.lf_big{display:grid;gap:.35rem}
.lf_big b{font:500 clamp(1.5rem,1.1rem + 1.4vw,2rem)/1.15 var(--font);letter-spacing:-.02em;color:var(--lapis)}
.lf_pick_panel{display:grid;gap:.75rem}
.lf_pick_panel h3{font-size:1.0625rem;font-weight:500}
.js .lf_pick_panel[hidden]{display:none}
.lf_say{display:grid;gap:.5rem}
.lf_say > div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.25rem 1rem;align-items:baseline;padding:.75rem 1rem;border-radius:var(--r2);background:var(--page);box-shadow:inset 0 0 0 1px var(--line)}
.lf_say [lang=ar]{grid-row:span 2;font:400 1.5rem/1.8 var(--arabic);direction:rtl;text-align:right}
.lf_say .verse_tr{font-size:1rem}
.lf_say small{color:var(--muted);font-size:.8125rem}
@media (max-width:520px){.lf_say > div{grid-template-columns:1fr}.lf_say [lang=ar]{grid-row:auto}}