:root{--ink:#233c2e;--muted:#52634f;--border:#d3ddd0;--green:#244d3d}
html{font-size:100%;scroll-padding-top:1.5rem;scroll-padding-bottom:7rem}
body{font-size:1rem;line-height:1.6}
button,input,select{font-size:1rem;line-height:1.4}
button:not(.switch),.button{min-height:44px}
button,a,input,select,summary,[tabindex]{scroll-margin-block:1.25rem 7rem}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #14583f;outline-offset:3px;box-shadow:0 0 0 5px #fff}
input::placeholder{color:#596b55;opacity:1}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:.75rem;left:1rem;z-index:200;transform:translateY(-160%);padding:.75rem 1rem;background:#244d3d;color:white;border-radius:.4rem;font-weight:650;text-decoration:underline}
.skip-link:focus{transform:translateY(0)}
.sidebar{width:240px;padding:28px 18px 18px;overflow-y:auto}
main{margin-left:240px;min-width:0}
.sidebar .side-label{font-size:.75rem;letter-spacing:.09em;margin:30px 12px 16px;color:#52634f}
.sidebar .desktop-nav{gap:5px}
.nav-item{font-size:.9375rem;line-height:1.35;white-space:normal;padding:12px;gap:11px;min-height:48px;color:#52634f}
.nav-item.active{color:#244d3d}
.sidebar .sidebar-bottom{padding:24px 12px 18px}
.sidebar-bottom p{font:1.125rem/1.5 Georgia;margin:0 0 8px;color:#314b36}
.sidebar-bottom>span,.sidebar-bottom a{font-size:.8125rem;color:#52634f;line-height:1.7}
.sidebar-bottom a{display:inline-block;margin-top:8px;text-underline-offset:3px}
.side-location{font-size:.875rem;line-height:1.5;padding:16px 8px 0;min-height:56px;color:#314b36}
.topbar{height:auto;min-height:88px;padding:18px 36px;gap:20px}
.top-caption{font-size:.8125rem;color:#52634f}
.location-button{font-size:.875rem;min-height:44px;max-width:260px;white-space:normal;color:#314b36}
.location-button #topCity{max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.icon-button{width:44px;height:44px;color:#385b3c;border-color:#9eae98;flex:none}
.page-wrap{padding:36px 32px 0}
.eyebrow,.hero-kicker{font-size:.75rem;line-height:1.6;letter-spacing:.09em;color:#52634f}
.page-heading{align-items:center;gap:24px;margin-bottom:28px}
.page-heading h1{font-size:clamp(2rem,2.6vw,3rem);line-height:1.18;letter-spacing:-.035em;margin:8px 0 14px}
.page-heading p{font-size:.9375rem;line-height:1.7;color:#52634f}
.page-heading .page-intro{margin-top:10px;max-width:68ch;font-size:1rem;color:#3e563f}
.hijri-chip{font-size:.8125rem;padding:9px 12px;color:#405a39}
.dashboard-grid{grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:stretch}
.hero{min-height:350px}
.hero-content{padding:32px}
.hero-kicker{color:#e0e9d7}
.next-name h2{font-size:2.25rem}
.next-name>span{font-size:1.6rem;color:#e0e9d7}
.hero-time{font-size:clamp(3.5rem,4.5vw,4.5rem);line-height:1.25;letter-spacing:-.04em}
.hero-time small{font-size:.9375rem;letter-spacing:.04em;color:#f1f4e8}
.countdown-wrap{font-size:1rem;line-height:1.7;color:#f1f4e8}
.hero-footer{font-size:.8125rem;line-height:1.6;white-space:normal;flex-wrap:wrap;color:#e0e9d7;max-width:90%;margin-top:28px}
.hero-art{opacity:.65;right:-4%;width:40%}
.reminder-card{padding:26px}
.reminder-card h2{font:1.85rem/1.25 Georgia;margin:18px 0 12px}
.reminder-card>p{font-size:.9375rem;line-height:1.7;max-width:none;color:#52634f}
.prototype-label{font-size:.75rem;letter-spacing:.04em;color:#52634f}
.reminder-mini{gap:6px;margin:20px 0}
.mini-prayer{font-size:.75rem;color:#52634f;gap:8px}
.mini-prayer svg{width:18px;height:18px}
.mini-prayer.off{opacity:1;color:#68755f}
.mini-prayer.off .mini-dot{background:#9aa78e}
.mini-status{font-size:.75rem}
.button{font-size:.9375rem;font-weight:600;line-height:1.5;padding:12px 16px;gap:10px;min-height:46px}
.outlined{white-space:normal;border-color:#95a68b}
.quiet-note{font-size:.8125rem;color:#52634f;line-height:1.7;margin-top:12px}
.prayer-section{padding:24px;min-width:0}
.section-title{gap:16px;flex-wrap:wrap}
.section-title h2{font:1.65rem/1.3 Georgia}
.section-title>div:first-child{flex-wrap:wrap;gap:4px 12px}
.section-title span{font-size:.875rem;color:#52634f}
.segmented{flex:none}
.segmented button{font-size:.8125rem;padding:8px 12px;min-width:48px;color:#52634f}
.segmented button.selected{color:#244d3d}
.prayer-cards{padding:0;margin:0;list-style:none;gap:10px}
.prayer-time-card{padding:18px 7px 27px;min-height:170px}
.prayer-time-card svg{color:#526b42}
.prayer-time-card .prayer-name{font-size:.875rem;font-weight:600;color:#445e3d}
.prayer-time-card .prayer-hour{display:block;font:600 1.75rem/1.4 'Manrope',sans-serif;letter-spacing:-.04em;margin-top:8px;color:#243f2b}
.prayer-time-card.passed .prayer-hour{color:#52634f}
.prayer-time-card .period{font-size:.8125rem;color:#52634f}
.card-badge{font-size:.6875rem;line-height:1.4;letter-spacing:.05em;color:#405a35;bottom:8px}
.times-footnote{font-size:.8125rem;line-height:1.7;color:#52634f;flex-wrap:wrap;gap:6px 12px;margin-top:15px}
.text-link{font-size:.875rem;line-height:1.5;min-height:44px;color:#315e37;padding:6px 2px;text-decoration:underline;text-underline-offset:4px;white-space:normal}
.text-link svg{width:15px;height:15px}
.moment-card{display:block;text-align:center;padding:24px}
.moment-top .eyebrow{font-size:.75rem;line-height:1.6;letter-spacing:.06em}
.moment-top .little-star{display:none}
.dhikr-phrase-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 0}
.dhikr-phrase-nav button{display:grid;place-items:center;width:44px;min-width:44px;height:44px;padding:0;border:1px solid #b7c8b0;border-radius:50%;background:#f7f9f4;color:#244d3d;font-size:1.75rem;line-height:1}
.dhikr-phrase-nav button:hover{background:#eaf0e4;border-color:#718c64}
.dhikr-phrase-nav>span{font-size:.8125rem;color:#52634f}
.moment-card .dhikr-save-note{font-size:.8125rem;line-height:1.6;margin:4px 0 0}
.dhikr-arabic{font-size:2rem;line-height:2;color:#315e37;margin-top:12px}
.moment-card h3{font-size:1.125rem;font-weight:600}
.moment-card p{font-size:.9375rem;color:#52634f;line-height:1.7;margin:5px 0 20px}
.dhikr-button{padding:10px 24px;font-size:1rem;color:#52634f;min-height:56px}
.dhikr-button>span:first-child{font-size:1.8rem}
.dhikr-plus{font-size:1.6rem;top:9px}
.reset-link{font-size:.875rem;line-height:1.6;color:#315e37;padding:8px;min-height:44px;text-underline-offset:4px}
.phone-banner{padding:24px;gap:18px}
.phone-banner .eyebrow{font-size:.75rem;letter-spacing:.08em}
.phone-banner h3{font-size:1.55rem;line-height:1.4}
.phone-banner p{font-size:.9375rem;line-height:1.7;color:#52634f;max-width:65ch}
.phone-banner button{font-size:.875rem;flex:none;max-width:240px}
.daily-tools{margin-top:32px}
.offline-badge{font-size:.8125rem!important;color:#52634f!important;line-height:1.6}
.tool-card{padding:24px;gap:12px;min-width:0}
.tool-card strong{font:1.4rem/1.35 Georgia;color:#243f2b}
.tool-card>span:not(.tool-icon){font-size:.9375rem;line-height:1.7;color:#52634f}
.health-strip{padding:22px;flex-wrap:wrap;gap:16px}
.health-strip>div{flex:1;min-width:180px}
.health-strip strong{font-size:1rem;line-height:1.6}
.health-strip span{font-size:.875rem;line-height:1.7;color:#52634f}
.health-strip button{font-size:.875rem}
dialog{width:min(740px,calc(100% - 24px));padding:30px;max-height:90dvh;overflow:auto;scroll-padding:20px}
.modal-heading h2{font-size:1.9rem;line-height:1.25}
.modal-heading .eyebrow{font-size:.75rem}
.modal-copy{font-size:1rem;line-height:1.8;color:#445b3e}
.field>span{font-size:.9375rem;line-height:1.5;font-weight:600}
.field input,.field select,.city-search{font-size:1rem;min-height:48px;padding:10px 12px;color:#243f2b;border-color:#97a88c}
.field small,.privacy-note{font-size:.8125rem;line-height:1.8;color:#52634f}
.adjust-grid{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:12px}
.adjust-grid .field>span{font-size:.875rem}
.adjust-grid input{font-size:1rem;padding:10px 8px}
.modal-subtitle{font-size:1.5rem;line-height:1.4}
.toggle-row{font-size:1rem;gap:16px;line-height:1.6}
.toggle-row small{font-size:.8125rem;color:#52634f}
.switch,.switch[aria-checked=true]{width:48px;height:44px;background:transparent;border-radius:6px;flex:none;position:relative}
.switch:before{content:'';position:absolute;inset:10px 0;border:1px solid #52694c;background:#8a9b83;border-radius:24px}
.switch:after{width:18px;height:18px;top:13px;left:3px;background:#fff;transform:none}
.switch[aria-checked=true]:before{background:#244d3d;border-color:#244d3d}
.switch[aria-checked=true]:after{transform:translateX(24px)}
.info-box,.health-row{font-size:.9375rem;line-height:1.8;color:#405a35}
.health-row small{font-size:.8125rem;color:#52634f}
.health-pill{font-size:.75rem;color:#405a35}
.city-search-row{flex-wrap:wrap}
.city-search{min-width:140px}
.city-result{font-size:1rem;padding:14px;border-color:#a4b499}
.city-result small{font-size:.875rem;color:#52634f}
.preset-cities button{font-size:.875rem;min-height:44px;padding:8px 14px;border-color:#97a88c}
.calendar-controls{gap:14px}
.calendar-controls h3{font-size:1.4rem;line-height:1.4;text-align:center}
.calendar-controls button{min-width:44px;font-size:1.5rem;color:#244d3d;border-color:#97a88c}
.table-scroll{max-height:50vh;overflow:auto;border:1px solid #d3ddd0;border-radius:8px}
.calendar-table{font-size:.875rem;line-height:1.5}
.calendar-table th{font-size:.875rem;font-weight:650;color:#405a35}
.calendar-table td,.calendar-table th{padding:12px 10px}
.calendar-table th[scope=row]{position:static;font-weight:600;background:inherit}
.toast{font-size:.9375rem;line-height:1.7;padding:14px 20px;max-width:min(580px,90vw)}
.companion-feature h3{font-size:1.125rem;line-height:1.5}
.companion-feature p{font-size:.9375rem;line-height:1.8;color:#52634f}
.badge-list span{font-size:.8125rem;color:#52634f}
.qibla-card>p{font-size:1rem;line-height:1.8;color:#445b3e}
.qibla-card h2{font-size:2.25rem}
.compass-note{font-size:.9375rem!important;color:#52634f!important;line-height:1.8}
.compass>span{font-size:1rem;color:#405a35}
.prayer-alert-header{display:none}
.prayer-alert-row{grid-template-columns:minmax(70px,1fr) minmax(105px,130px) minmax(105px,130px) 48px;gap:14px;padding:16px 0}
.prayer-alert-row strong{font-size:1rem}
.prayer-alert-row small{font-size:.875rem;color:#52634f}
.alert-field{min-width:0;display:block}
.alert-field>span{display:block;font-size:.8125rem;line-height:1.5;margin-bottom:5px;color:#52634f}
.prayer-alert-row select{width:100%;font-size:1rem;line-height:1.4;min-height:44px;padding:9px 6px;color:#243f2b;border-color:#97a88c}
.reminder-browser-note{margin-bottom:24px}
.reminder-page-toggle{margin-bottom:24px}
.prayer-reminder-list{display:grid;gap:16px}
.prayer-reminder-card{padding:18px 20px;border:1px solid #cbd8c5;border-radius:10px;background:#fff}
.prayer-reminder-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.prayer-reminder-heading>div{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.prayer-reminder-heading h3{font-size:1.125rem;line-height:1.5;margin:0;color:#243f2b}
.prayer-reminder-heading span{font-size:.875rem;color:#52634f}
.reminder-options{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);align-items:start;gap:18px}
.reminder-options select{width:100%;min-width:0;min-height:44px;font-size:1rem;line-height:1.4;padding:9px 8px;border:1px solid #97a88c;border-radius:5px;background:#fff;color:#243f2b}
.reminder-options .switch{vertical-align:top}
.reminder-summary{font-size:.875rem;line-height:1.6;color:#405a35;margin:15px 0 0}
@media(max-width:520px){.prayer-reminder-card{padding:16px}.reminder-options{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.reminder-options>.alert-field:last-child{grid-column:1/-1}.prayer-reminder-heading>div{gap:4px 10px}.reminder-start-option{justify-self:end}}
.health-item{gap:13px;padding:17px 0}
.health-item strong{font-size:.9375rem;line-height:1.6}
.health-item span:not(.health-indicator){font-size:1rem;color:#385b34}
.health-item small{font-size:.8125rem;line-height:1.8;color:#52634f}
.test-steps strong{font:1.35rem/1.5 Georgia}
.test-steps p{font-size:.9375rem;line-height:1.8;color:#52634f}
.test-steps>div>span{font-size:.875rem}
.answer-buttons .button{font-size:.9375rem;padding:10px 14px}
.travel-current strong{font-size:1.4rem}
.travel-current span{font-size:1rem;color:#445b3e}
.travel-current small{font-size:.875rem;color:#52634f}
.ramadan-hero>span{font-size:.75rem;color:#e0e9d7}
.ramadan-hero h3{font-size:1.6rem;line-height:1.5}
.ramadan-hero small{font-size:.9375rem;color:#e0e9d7}
.ramadan-hero strong{font-size:1.6rem;color:#fff}
.after-tabs{flex-wrap:wrap}
.after-tabs button{font-size:.9375rem;color:#405a35;min-height:44px}
.after-tabs button.selected{color:#244d3d}
.tasbih-arabic{font-size:2.5rem;line-height:2;color:#315e37}
.tasbih-panel h3{font-size:1.5rem;line-height:1.5}
.tasbih-panel>p{font-size:1rem;line-height:1.9;color:#52634f}
.tasbih-panel .privacy-note{font-size:.8125rem}
.tasbih-tap{min-height:160px;color:#244d3d}
.tasbih-tap strong{font-size:2.5rem}
.tasbih-tap span{font-size:1rem;color:#52634f}
.dua-card{padding:24px}
.dua-card>p[lang=ar]{font-size:1.9rem;line-height:2;color:#315e37}
.dua-card h3{font-size:1rem;line-height:1.9}
.dua-card small{font-size:.9375rem;line-height:1.8;color:#52634f}
.dua-card a{font-size:.875rem;line-height:1.8;color:#315e37}
.widget-preview>.eyebrow{color:#e0e9d7}
.widget-preview>small{font-size:.875rem;color:#e0e9d7}
.watch-face>.eyebrow{font-size:.75rem;color:#dce8ca}
.watch-face>small{font-size:.8125rem;color:#c2d6ae}
.help-section{padding:28px;background:#fff;border:1px solid var(--border);border-radius:12px;margin-top:32px}
.help-section h2{font:1.8rem/1.35 Georgia;margin:0 0 12px}
.help-section>p{max-width:70ch;color:#445b3e;font-size:1rem}
.help-section details{border-top:1px solid var(--border);padding:14px 0}
.help-section summary{font-weight:650;cursor:pointer;min-height:44px;padding:8px 0;color:#244d3d}
.help-section details p{max-width:74ch;margin:10px 0 16px;color:#445b3e;line-height:1.8}
.help-section a{color:#315e37;text-underline-offset:4px}
.site-footer{display:grid;grid-template-columns:1fr auto;gap:20px 40px;padding:28px 0 32px;font-size:.875rem;color:#52634f;align-items:start}
.site-footer>div{max-width:46ch}
.site-footer strong{font-size:1rem;color:#244d3d}
.site-footer p{margin:6px 0;line-height:1.8}
.site-footer nav{display:flex;flex-wrap:wrap;gap:6px 20px;max-width:470px}
.site-footer a{display:inline-block;line-height:1.6;padding:8px 0;text-decoration:underline;text-underline-offset:4px;color:#315e37}
.site-footer .footer-source{grid-column:1/-1;font-size:.8125rem}
.site-footer .footer-source a{display:inline;padding:0}
@media(max-width:1399px){.prayer-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid{grid-template-columns:minmax(0,1fr) 300px}.hero-art{width:44%;opacity:.45}.hero-footer{max-width:100%}}
@media(max-width:1180px){.sidebar{width:224px;padding:26px 15px 18px}main{margin-left:224px}.page-wrap{padding:30px 24px 0}.topbar{padding:16px 24px}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.hero{min-height:330px}.hero-art{width:38%;opacity:.6}.reminder-card{grid-row:3;display:block}.prayer-section{grid-row:2}.moment-card{grid-column:1;grid-row:4}.reminder-mini{max-width:360px}.phone-banner{flex-wrap:wrap}.phone-banner button{margin-left:68px}.site-footer{grid-template-columns:1fr}}
@media(max-width:720px){
  .sidebar{display:none}main{margin-left:0}.topbar{padding:12px 18px;min-height:80px;gap:12px}.top-caption{display:none}.top-actions{gap:8px}.location-button{font-size:.8125rem;padding:2px 0;gap:5px;max-width:155px}.location-button #topCity{max-width:95px}.chevron-down{margin-left:0}.top-wordmark .brand-icon{width:36px;height:36px}.top-wordmark .brand-name,.top-wordmark .brand-second{font-size:18px}
  .page-wrap{padding:28px 18px 104px}.page-heading{display:block;margin-bottom:24px}.page-heading h1{font-size:2.15rem;line-height:1.2}.page-heading p{font-size:.875rem}.page-heading .page-intro{font-size:.9375rem}.eyebrow{font-size:.75rem}.dashboard-grid{gap:20px}.hero-content{padding:26px 24px}.hero{min-height:330px}.hero-kicker{font-size:.75rem}.hero-time{font-size:3.75rem}.next-name h2{font-size:2.15rem}.next-name>span{font-size:1.4rem}.countdown-wrap{font-size:.9375rem}.hero-footer{font-size:.8125rem;margin-top:26px;max-width:100%}.hero-art{width:39%;opacity:.4;bottom:0}.prayer-section{padding:22px 16px}.prayer-section .section-title{gap:10px}.prayer-section .section-title h2{font-size:1.5rem}.section-title>div:first-child{display:block}.section-title>div:first-child span{font-size:.8125rem}.prayer-section .prayer-cards{gap:8px}.prayer-section .prayer-time-card{padding:17px 3px 27px;min-height:165px}.prayer-section .prayer-time-card .prayer-hour{font-size:1.55rem}.prayer-time-card .prayer-name{font-size:.8125rem}.prayer-time-card .period{font-size:.75rem}.times-footnote{font-size:.8125rem;display:block}.times-footnote .text-link{font-size:.875rem;margin-top:6px}.segmented button{font-size:.8125rem;padding:7px 10px}.reminder-card{padding:24px}.reminder-card h2{font-size:1.8rem}.reminder-card>p{font-size:.9375rem}.reminder-card .button{font-size:.9375rem}.mini-prayer{font-size:.8125rem}.quiet-note{font-size:.8125rem}.moment-card{padding:24px;display:block;text-align:center}.moment-top .eyebrow{font-size:.75rem}.phone-banner{padding:24px;gap:14px}.phone-banner>div:nth-child(2){flex:1;min-width:180px}.phone-banner .eyebrow{font-size:.75rem}.phone-banner h3{font-size:1.5rem}.phone-banner p{font-size:.9375rem}.phone-banner button{margin:0;font-size:.875rem;max-width:none;width:100%}.daily-tools .section-title{display:block}.daily-tools h2{font-size:1.5rem}.daily-tools .offline-badge{font-size:.8125rem;max-width:none;margin-top:8px}.tools-grid{grid-template-columns:1fr}.tool-card{padding:22px;grid-template-columns:30px minmax(0,1fr) 16px;gap:6px 12px}.tool-card strong{font-size:1.35rem}.tool-card>span:not(.tool-icon){font-size:.9375rem}.health-strip{padding:22px}.health-strip span{font-size:.875rem}.health-strip>button{margin-left:0;font-size:.875rem}.mobile-nav{padding:9px 4px calc(9px + env(safe-area-inset-bottom));gap:0}.mobile-nav button{font-size:.75rem;line-height:1.4;min-width:0;flex:1;gap:5px;min-height:48px;color:#52634f}.mobile-nav button.active{color:#244d3d;font-weight:650}.mobile-nav svg{width:22px;height:22px}.site-footer{font-size:.875rem;gap:18px;display:block}.site-footer>div{max-width:none}.site-footer nav{margin-top:14px;max-width:none;gap:4px 20px}.site-footer>span:first-child{max-width:none}.site-footer .footer-source{font-size:.8125rem;margin-top:16px}.toast{font-size:.9375rem;bottom:100px}dialog{padding:24px 20px;max-height:88dvh}.modal-heading h2{font-size:1.65rem}.modal-copy{font-size:1rem}.form-grid{grid-template-columns:1fr}.privacy-note{font-size:.8125rem}.calendar-table td,.calendar-table th{padding:12px 9px}.calendar-controls h3{font-size:1.25rem}.qibla-card{padding:24px 16px}.qibla-card h2{font-size:2.25rem}.help-section{padding:24px 20px}.help-section h2{font-size:1.6rem}
}
@media(max-width:520px){.prayer-alert-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 48px;gap:12px 10px}.prayer-alert-row>div:first-child{grid-column:1/3;grid-row:1}.prayer-alert-row>.switch{grid-column:3;grid-row:1}.prayer-alert-row>.alert-field:nth-child(2){grid-column:1;grid-row:2}.prayer-alert-row>.alert-field:nth-child(3){grid-column:2/4;grid-row:2}.prayer-alert-row select{font-size:1rem;padding:9px 6px}.alert-field>span{font-size:.8125rem}.prayer-alert-row strong{font-size:1rem}.prayer-alert-row small{font-size:.875rem}.test-steps>div{gap:12px}.test-steps>div>span{width:26px;height:26px}.test-steps strong{font-size:1.25rem}.test-steps p{font-size:.9375rem}.ramadan-hero{padding:22px 18px}.ramadan-hero>div{gap:12px}.ramadan-hero strong{font-size:1.35rem}.answer-buttons{flex-direction:column;align-items:stretch}}
@media(max-width:370px){.topbar{padding:12px 12px;gap:8px}.top-wordmark{gap:5px}.top-wordmark .brand-icon{width:30px;height:30px}.top-wordmark .brand-name,.top-wordmark .brand-second{font-size:16px}.top-actions{gap:5px}.location-button{font-size:.75rem;max-width:112px}.location-button #topCity{max-width:70px}.icon-button{width:44px;height:44px}.page-wrap{padding-left:14px;padding-right:14px}.page-heading h1{font-size:2rem}.prayer-section{padding:20px 12px}.prayer-section .prayer-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.prayer-section .prayer-time-card .prayer-hour{font-size:1.65rem}.prayer-section .section-title{display:block}.segmented{display:inline-flex;margin-top:12px}.mini-prayer{font-size:.75rem}.top-wordmark .brand-name{white-space:nowrap}.prayer-alert-row .switch{width:48px}.prayer-alert-row .switch[aria-checked=true]:after{transform:translateX(24px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(forced-colors:active){button,input,select,summary{border:1px solid ButtonText}.switch:before{border:2px solid ButtonText}.switch[aria-checked=true]:before{background:Highlight}.switch:after{background:ButtonText}.skip-link:focus{outline:3px solid Highlight}}

.toast{display:flex;align-items:center;gap:18px}.toast>div{flex:1}.toast>button{color:#fff;background:transparent;border:1px solid #d6e5cc;border-radius:5px;min-height:44px;padding:8px 12px;flex:none}.modal-status{margin-top:20px;font-size:.9375rem;line-height:1.8}.toast>button:focus-visible{outline-color:#fff;box-shadow:none}

.location-button .chevron-down{display:block;width:14px;height:14px;flex:0 0 14px;margin:0;color:#405a35}
@media(max-height:899px){.sidebar .sidebar-bottom{display:none}.side-location{margin-top:auto}}

.card-badge{font-size:.75rem;letter-spacing:.025em}

.city-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.city-search-row .search-label{grid-column:1/-1;font-size:.9375rem;font-weight:600;color:#243f2b}.city-search-row .city-search{min-width:0;width:100%}