.athan-page{--athan-ink: #101828;--athan-muted: #667085;--athan-line: #e4e7ec;--athan-surface: #ffffff;--athan-raised: #f9fafb;--athan-accent: #0b6b5b;--athan-accent-soft: #e6f4f1;max-width:72rem;margin:0 auto;padding:3rem 1rem 5rem;color:var(--athan-ink)}.athan-page h1{font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.2;margin-bottom:.5rem}.athan-page__lede{color:var(--athan-muted);max-width:44rem;margin-bottom:2rem}.athan-next{background:var(--athan-accent-soft);border:1px solid var(--athan-line);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem}.athan-next__label{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:var(--athan-muted);margin:0}.athan-next__name{font-size:2rem;font-weight:700;margin:.25rem 0 0}.athan-next__time{font-size:1.5rem;margin:0;font-variant-numeric:tabular-nums}.athan-next__countdown{color:var(--athan-muted);margin:.25rem 0 1rem;font-variant-numeric:tabular-nums}.athan-next__progress{height:.375rem;background:#0b6b5b26;border-radius:999px;overflow:hidden}.athan-next__progress>span{display:block;height:100%;background:var(--athan-accent);transition:width 1s linear}.athan-today{list-style:none;padding:0;margin:0 0 1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:.75rem}.athan-today__item{border:1px solid var(--athan-line);border-radius:.75rem;padding:.875rem;background:var(--athan-surface);text-align:center}.athan-today__item.is-past{opacity:.55}.athan-today__item.is-next{border-color:var(--athan-accent);box-shadow:0 0 0 1px var(--athan-accent);opacity:1}.athan-today__item.is-not-a-prayer .athan-today__name{font-style:italic}.athan-today__name{display:block;font-size:.8125rem;color:var(--athan-muted);margin-bottom:.25rem}.athan-today__time{display:block;font-size:1.125rem;font-weight:600;font-variant-numeric:tabular-nums}.athan-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;padding:.875rem 0;border-top:1px solid var(--athan-line);border-bottom:1px solid var(--athan-line);margin-bottom:1.5rem}.athan-meta p{margin:0;font-size:.9375rem;color:var(--athan-muted)}.athan-meta__toggle{margin-left:auto;background:none;border:1px solid var(--athan-line);border-radius:.5rem;padding:.4375rem .875rem;font-size:.875rem;color:var(--athan-accent);cursor:pointer}.athan-meta__toggle:hover{background:var(--athan-raised)}.athan-settings{background:var(--athan-raised);border:1px solid var(--athan-line);border-radius:.75rem;padding:1.25rem;margin-bottom:2rem;display:grid;gap:1.25rem}.athan-settings__field>label,.athan-settings__field legend{display:block;font-weight:600;font-size:.9375rem;margin-bottom:.375rem}.athan-settings__field select{width:100%;max-width:24rem;padding:.5rem .625rem;border:1px solid var(--athan-line);border-radius:.5rem;background:var(--athan-surface)}.athan-settings__field fieldset{border:0;padding:0;margin:0}.athan-settings__radio,.athan-settings__checkbox{display:flex;gap:.625rem;align-items:flex-start;padding:.375rem 0;cursor:pointer}.athan-settings__radio span strong{display:block}.athan-settings__note{color:var(--athan-muted);font-size:.8125rem;margin:.25rem 0 0;max-width:44rem}.athan-settings__note--footer{border-top:1px solid var(--athan-line);padding-top:.875rem}.athan-warning{background:#fff8e6;border:1px solid #f3d99b;border-radius:.75rem;padding:.875rem 1rem;font-size:.9375rem;margin-bottom:1.5rem}.athan-timetable h2{font-size:1.25rem;margin:2.5rem 0 1rem}.athan-timetable__scroll{overflow-x:auto;border:1px solid var(--athan-line);border-radius:.75rem}.athan-timetable table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:.9375rem}.athan-timetable caption{caption-side:bottom;padding:.75rem 1rem;color:var(--athan-muted);font-size:.8125rem;text-align:left}.athan-timetable th,.athan-timetable td{padding:.5rem .875rem;text-align:right;white-space:nowrap}.athan-timetable thead th{background:var(--athan-raised);font-size:.8125rem;text-transform:uppercase;letter-spacing:.04em;color:var(--athan-muted);border-bottom:1px solid var(--athan-line)}.athan-timetable tbody th{text-align:left;font-weight:500}.athan-timetable tbody tr+tr th,.athan-timetable tbody tr+tr td{border-top:1px solid var(--athan-line)}.athan-timetable tbody tr.is-today{background:var(--athan-accent-soft);font-weight:600}.athan-picker{margin-bottom:2rem}.athan-picker__controls{display:flex;flex-wrap:wrap;gap:.75rem}.athan-picker__search{flex:1 1 18rem}.athan-picker__search input{width:100%;padding:.625rem .875rem;border:1px solid var(--athan-line);border-radius:.5rem;font-size:1rem}.athan-picker__locate{background:var(--athan-accent);color:#fff;border:0;border-radius:.5rem;padding:.625rem 1.125rem;font-size:.9375rem;cursor:pointer}.athan-picker__locate[disabled]{opacity:.6;cursor:progress}.athan-picker__error{color:#b42318;font-size:.9375rem;margin:.75rem 0 0}.athan-picker__results ul,.athan-cities ul{list-style:none;padding:0;margin:1rem 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.25rem 1rem}.athan-picker__results a,.athan-cities a{display:block;padding:.3125rem 0;color:var(--athan-accent);text-decoration:none}.athan-picker__results a:hover,.athan-cities a:hover{text-decoration:underline}.athan-cities h3{font-size:1rem;margin:1.75rem 0 0;padding-top:1rem;border-top:1px solid var(--athan-line)}@media(prefers-reduced-motion:reduce){.athan-next__progress>span{transition:none}}.athan-page__crumbs{font-size:.875rem;color:var(--athan-muted);margin-bottom:1rem}.athan-page__crumbs a{color:var(--athan-accent);text-decoration:none}.athan-page__crumbs a:hover{text-decoration:underline}.athan-static-date{font-size:.9375rem;color:var(--athan-muted);margin-bottom:.75rem}.athan-prose{max-width:44rem;margin-top:3rem}.athan-prose h2{font-size:1.375rem;margin-bottom:1rem}.athan-prose h3{font-size:1.0625rem;margin:1.75rem 0 .5rem}.athan-prose p{color:#344054;line-height:1.65}.athan-cities h2{font-size:1.375rem;margin:3rem 0 .5rem}
