:root{--bg: #ffffff;--bg-subtle: #f8fafc;--surface: #ffffff;--fg: #0f172a;--fg-muted: #475569;--fg-faint: #64748b;--border: #e2e8f0;--border-strong: #cbd5e1;--accent: #047857;--accent-fg: #ffffff;--accent-subtle-bg: #ecfdf5;--accent-subtle-fg: #065f46;--ring: #047857;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--s1: .25rem;--s2: .5rem;--s3: .75rem;--s4: 1rem;--s5: 1.5rem;--s6: 2rem;--s8: 3rem;--s10: 4rem;--radius: 2px;--container: 64rem;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #0f172a;--bg-subtle: #1e293b;--surface: #1e293b;--fg: #f1f5f9;--fg-muted: #cbd5e1;--fg-faint: #94a3b8;--border: #334155;--border-strong: #475569;--accent: #34d399;--accent-fg: #052e21;--accent-subtle-bg: #064e3b;--accent-subtle-fg: #6ee7b7;--ring: #34d399}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);font-size:var(--text-base);line-height:1.6;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased}.wrap{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--s4)}main.wrap{padding-block:var(--s5) var(--s10)}h1,h2,h3{line-height:1.25;color:var(--fg);margin:0 0 var(--s3);font-weight:700}h1{font-size:var(--text-3xl);letter-spacing:-.01em}h2{font-size:var(--text-xl);margin-top:var(--s8)}h3{font-size:var(--text-lg);margin-top:var(--s5)}p{margin:0 0 var(--s4);max-width:68ch}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:2px}:where(a,button,summary,[tabindex]):focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:4px}.site-header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--border)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;min-height:56px;gap:var(--s4)}.brand{display:inline-flex;align-items:center;gap:var(--s2);font-weight:700;color:var(--fg);font-size:var(--text-lg)}.brand:hover{text-decoration:none}.brand svg{width:22px;height:22px;flex:none}.site-header nav{display:flex;gap:var(--s4)}.site-header nav a{color:var(--fg-muted);font-size:var(--text-sm);font-weight:500}.site-header nav a:hover{color:var(--accent)}.site-footer{border-top:1px solid var(--border);background:var(--bg-subtle);color:var(--fg-faint);font-size:var(--text-sm)}.site-footer a{color:var(--fg-muted)}.foot-grid{display:grid;grid-template-columns:1fr;gap:var(--s5) var(--s6);padding-block:var(--s6) var(--s5)}@media(min-width:560px){.foot-grid{grid-template-columns:1fr 1fr}}@media(min-width:900px){.foot-grid{grid-template-columns:1.7fr 1fr 1fr 1fr}}.foot-brand .brand{display:inline-flex;align-items:center;gap:var(--s2);font-weight:700;color:var(--fg);margin-bottom:var(--s2)}.foot-brand .brand svg{width:22px;height:22px}.foot-lead{color:var(--fg-faint);max-width:46ch;margin:0}.foot-col h2{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--fg);margin:0 0 var(--s2)}.foot-col nav{display:flex;flex-direction:column}.foot-col nav a{font-weight:500;padding:4px 0}.foot-col nav a:hover{color:var(--accent)}.foot-bottom{border-top:1px solid var(--border);padding-block:var(--s4) var(--s6);display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);justify-content:space-between}.foot-bottom p{margin:0}.meta{color:var(--fg-muted);font-size:var(--text-sm);margin-top:calc(var(--s2) * -1)}#next-prayer:not(:empty){display:inline-block;margin:var(--s3) 0 var(--s5);padding:var(--s2) var(--s4);border-radius:999px;background:var(--accent-subtle-bg);color:var(--accent-subtle-fg);font-weight:600;font-size:var(--text-sm);font-variant-numeric:tabular-nums}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}th,td{text-align:left;padding:var(--s3) var(--s3);border-bottom:1px solid var(--border)}thead th{font-size:var(--text-sm);color:var(--fg-muted);font-weight:600;background:var(--bg-subtle);position:sticky;top:56px}tbody tr:nth-child(2n){background:var(--bg-subtle)}td:not(:first-child),th:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.times-today{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:var(--s5)}.times-today thead th{position:static}.times-today th[scope=row]{color:var(--fg);font-weight:500}.times-today td{font-size:var(--text-lg);font-weight:600}.table-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius)}.table-scroll table{min-width:36rem}.table-scroll th,.table-scroll td{white-space:nowrap}.hero{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-subtle);padding:var(--s4);margin:var(--s4) 0 var(--s6)}.hero-label{color:var(--fg-muted);font-size:var(--text-sm);margin:0 0 var(--s2)}.hero-loc{margin:0 0 var(--s4);font-size:var(--text-sm);color:var(--fg-muted);display:flex;flex-wrap:wrap;gap:var(--s2) var(--s3);align-items:center}.hero-loc strong{color:var(--fg);font-size:var(--text-base)}.hero-loc a{font-weight:600;padding:2px var(--s2);border:1px solid var(--border);border-radius:6px}.hero-loc a:hover{border-color:var(--accent);text-decoration:none}.hero-times{list-style:none;margin:0;padding:0;display:grid;gap:var(--s2);grid-template-columns:repeat(auto-fit,minmax(5rem,1fr))}.hero-times li{display:flex;flex-direction:column;gap:2px;padding:var(--s2) var(--s3);background:var(--surface);border:1px solid var(--border);border-radius:8px}.hero-times span{font-size:var(--text-xs);color:var(--fg-faint)}.hero-times time{font-size:var(--text-lg);font-weight:600;font-variant-numeric:tabular-nums}.hero-cta{margin:var(--s4) 0 0;font-size:var(--text-sm)}.state-group{margin-bottom:var(--s6)}.state-group h2{margin-top:0;padding-bottom:var(--s2);border-bottom:1px solid var(--border)}.zone-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--s2);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}.zone-list a{display:block;padding:var(--s3) var(--s4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--fg);font-weight:500}.zone-list a:hover{border-color:var(--accent);text-decoration:none}.zone-list small{display:block;color:var(--fg-faint);font-weight:400;font-size:var(--text-xs);margin-top:2px}.byline{color:var(--fg-faint);font-size:var(--text-sm);margin:calc(-1 * var(--s2)) 0 var(--s4)}.guide-hero{display:block;width:100%;height:auto;max-height:340px;object-fit:cover;border:1px solid var(--border);border-radius:var(--radius);margin:0 0 var(--s5)}.guide-list .has-thumb{display:grid;grid-template-columns:132px 1fr;gap:var(--s4);align-items:center}.guide-thumb{width:132px;height:66px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--border)}@media(max-width:480px){.guide-list .has-thumb{grid-template-columns:96px 1fr}.guide-thumb{width:96px;height:48px}}.quick-answer{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-subtle);padding:var(--s4);margin:var(--s4) 0 var(--s6)}.quick-answer .qa-q{font-weight:700;color:var(--fg);margin:0 0 var(--s2)}.quick-answer .qa-a{margin:0;color:var(--fg)}.guide-list{list-style:none;margin:var(--s5) 0 0;padding:0;display:grid;gap:var(--s3)}.guide-list li{border:1px solid var(--border);border-radius:var(--radius);padding:var(--s4);background:var(--surface)}.guide-list a{font-weight:600;font-size:var(--text-lg)}.guide-list small{display:block;color:var(--fg-muted);font-weight:400;margin-top:var(--s1)}dl{margin:var(--s4) 0}dt{font-weight:600;margin-top:var(--s4)}dd{margin:var(--s1) 0 0;color:var(--fg-muted)}.masjid-list{padding-left:var(--s5)}.masjid-list li{margin-bottom:var(--s1)}.masjid-list small{color:var(--fg-faint)}.note{color:var(--fg-faint);font-size:var(--text-sm)}@media(max-width:480px){h1{font-size:var(--text-2xl)}thead th{top:0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}