/* Local design refinement. Artwork, text, data and application behavior are unchanged. */
:root{--section-space:64px;--radius:18px}
html{scroll-padding-top:156px}
body{line-height:1.65}
.wrap{width:min(1280px,calc(100% - 80px))}
.site-header{background:#f8f8f8;box-shadow:0 3px 18px #244c6010}
.header-inner{min-height:142px;gap:20px}
.site-header .brand-logo{width:252px;height:auto;aspect-ratio:16/9;object-fit:contain}
.main-nav{gap:clamp(12px,1.05vw,18px)}
.main-nav>a,.nav-dropdown>button{font-size:12px}
.header-actions{gap:14px}
.header-actions .btn{min-height:44px;font-size:12px}
.language-button{font-size:12px}
.section{padding:var(--section-space) 0}
.section-head{margin-bottom:28px;gap:24px}
h2{font-size:clamp(32px,3.2vw,46px);line-height:1.14;letter-spacing:-.035em}
h3{line-height:1.35}
.eyebrow{font-size:11px;letter-spacing:.14em;margin-bottom:17px}
.lead{line-height:1.75}
.copy{line-height:1.8}
.hero{padding-top:24px;position:relative;isolation:isolate}
.hero::before{content:'';position:absolute;inset:10px -20px -15px;background:radial-gradient(ellipse at 20% 30%,#eaf5fa8c,transparent 65%);border-radius:28px;z-index:-1;pointer-events:none}
.hero-layout{grid-template-columns:1fr 1.08fr;gap:44px;align-items:stretch}
.hero-copy{padding:20px 0 20px 2px}
.hero-copy h1,html:not([lang=de]) .hero h1{font-size:clamp(50px,4.8vw,72px);line-height:1.06;letter-spacing:-.045em;margin-bottom:22px}
.hero-copy .eyebrow{font-size:10px;line-height:1.7;margin-bottom:20px}
.hero-copy .lead{max-width:430px;font-size:16px;margin-bottom:25px}
.hero-copy .buttons{gap:18px}
.hero-location{margin-top:22px;font-size:12px}
.hero-photo{min-height:470px;border-radius:22px;box-shadow:0 16px 36px #28576d0c;background:radial-gradient(ellipse at 75% 10%,#e0f0f7,transparent 65%),linear-gradient(140deg,#f2f8fa,#fff 55%,#edf5f7)}
.hero-photo::before{background:url('/assets/quiet-pattern.svg') center/148px;opacity:.30}
.hero-photo::after{inset:13px;border:1px solid #cba66855;border-radius:14px}
.hero-photo .placeholder-lines{width:78%;height:128%;border-color:#1688ad33}
.hero-photo .placeholder-center>span{font-size:32px}
.hero-photo .placeholder-center>small{font-size:11px;letter-spacing:.09em}
.photo-label{font-size:10px;letter-spacing:.02em}
.prayer-panel{margin-top:26px;padding:22px 24px 17px;grid-template-columns:195px minmax(0,1fr);gap:14px 22px;border-radius:16px;box-shadow:0 8px 24px #176c8710}
.prayer-intro .eyebrow{font-size:10px;margin-bottom:8px}
.prayer-intro h2{font-size:25px;line-height:1.15}
.prayer-intro p{font-size:11px;margin-top:7px}
.prayer-time{padding:7px 8px}
.prayer-time span{font-size:12px;margin-bottom:3px}
.prayer-time strong{font-size:27px;font-weight:500;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.prayer-foot{padding-top:12px;margin-top:0;font-size:12px;gap:12px}
.prayer-preview-warning,.note.prayer-preview-warning{padding:12px 15px;border:1px solid #dfceaa;border-left:2px solid #b79556;border-radius:9px;background:#faf7ef;color:#66583d;font-size:13px;line-height:1.55}
.prayer-preview-warning strong{font-size:13px;color:#625031;font-weight:650}
.prayer-preview-warning p{margin-top:3px;font-size:13px;line-height:1.55;color:#66583d}
.prayer-panel>.prayer-preview-warning{margin-bottom:1px}
.about-home{gap:64px;align-items:center}
.about-home .copy{padding-top:0;font-size:15px}
.about-home .text-link{margin-top:12px}
.values-row{margin-top:36px;padding-top:26px;gap:30px}
.value p{font-size:13px;line-height:1.7}
.week-layout{padding:22px;gap:26px;grid-template-columns:210px minmax(0,1fr)}
.day-content{padding:12px 14px 10px 24px}
.day-content .day-title{margin-bottom:18px}
.day-tab{padding:11px 15px;font-size:13px}
.day-tab small{font-size:11px}
.activity{padding:15px 0}
.activity p{font-size:13px;line-height:1.7}
.post-card h3{font-size:29px}
.post-card p{font-size:14px;line-height:1.75}
.offer-card{padding:28px}
.offer-card p{font-size:14px;line-height:1.75}
.offer-logo-placeholder{margin-bottom:16px}
.offer-section{padding-top:24px}
.membership-banner{padding:32px 36px;margin-bottom:56px;gap:28px}
.membership-banner h2{font-size:clamp(30px,3vw,40px)}
.page-intro{padding:34px 0 28px}
.breadcrumb{margin-bottom:23px}
.page-intro .eyebrow{margin-bottom:14px}
.page-intro h1{font-size:clamp(38px,4.2vw,58px);line-height:1.1}
.page-intro .lead{margin-top:18px;font-size:16px;line-height:1.75}
.page-body{padding-bottom:56px}
.spacer{height:38px}
.date-toolbar{padding:23px 0;gap:20px}
.date-toolbar .eyebrow{margin-bottom:9px}
.date-toolbar h2{font-size:27px}
.date-actions{gap:8px}
.date-input label{font-size:11px}
.date-actions .btn,.month-controls .btn{font-size:12px}
.full-prayer{grid-template-columns:1.35fr 1fr;gap:24px}
.prayer-table-head{padding:17px 22px;gap:12px;flex-wrap:wrap}
.prayer-table-head h3{font-size:25px}
.prayer-table-head .pill{font-size:11px}
.time-row{padding:11px 22px;align-items:center}
.time-row strong{font-size:23px;font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:.01em}
.time-row small{font-size:11px}
.side-panel{padding:24px}
.side-panel h2{font-size:34px}
.side-panel .big-time{font-size:clamp(30px,3.3vw,43px);line-height:1.2;margin:18px 0}
.side-panel p{font-size:14px;line-height:1.75}
.side-panel .note{font-size:12px}
.month-calendar{margin-top:24px}
.month-calendar>summary{padding:18px 22px;font-size:25px}
.month-table{font-size:13px}
.month-table td,.month-table th{padding:10px 12px}
.calculation-note{padding:24px;margin-top:24px}
.calculation-note h3{font-size:24px}
.calculation-note dd,.calculation-note p{font-size:13px;line-height:1.7}
.feature-band{padding:28px;gap:26px}
.split{gap:40px}
.article-copy{margin:30px auto 44px}
.footer{padding-top:32px}
.footer-grid{padding-bottom:30px;gap:36px}
.footer h3{font-size:13px;margin-bottom:16px}
.footer li{font-size:12px;margin-bottom:10px}
.footer-about p{font-size:13px;line-height:1.75}
.footer-bottom{font-size:10px;padding:18px 0}
@media(max-width:1260px){
 .main-nav,html:not([lang=de]) .main-nav{display:none}
 .mobile-toggle{display:inline-flex}
 .header-inner{min-height:128px}
 .site-header .brand-logo{width:232px}
 .mobile-nav{max-height:calc(100dvh - 160px)}
}
@media(max-width:1020px){
 :root{--section-space:54px}
 html{scroll-padding-top:142px}
 .wrap{width:calc(100% - 56px)}
 .hero-layout{gap:28px;grid-template-columns:1fr 1fr}
 .hero-copy h1,html:not([lang=de]) .hero h1{font-size:clamp(43px,5.5vw,58px)}
 .hero-photo{min-height:440px}
 .hero-copy .buttons{gap:10px}
 .hero-copy .lead{font-size:15px}
 .prayer-panel{grid-template-columns:1fr;padding:20px;gap:17px}
 .prayer-intro{display:grid;grid-template-columns:1fr auto;gap:3px 20px;align-items:center}
 .prayer-intro .eyebrow{grid-column:1/-1;margin-bottom:3px}
 .prayer-intro h2{font-size:26px}
 .prayer-intro p{margin:0}
 .prayer-time:first-child{border-left:0}
 .prayer-grid{gap:5px}
 .date-toolbar{align-items:flex-start;gap:16px}
 .about-home{gap:32px}
 .week-layout{grid-template-columns:180px minmax(0,1fr);gap:20px;padding:18px}
 .full-prayer{grid-template-columns:1.2fr 1fr}
 .side-panel h2{font-size:29px}
 .footer-grid{gap:26px}
}
@media(max-width:760px){
 :root{--section-space:44px}
 html{scroll-padding-top:126px}
 .wrap{width:calc(100% - 40px)}
 .header-inner{min-height:110px;gap:8px}
 .site-header .brand-logo{width:184px}
 .header-inner{gap:6px}
 .header-actions{gap:4px}
 .header-actions .btn{font-size:10px;padding:9px 7px;gap:4px;min-height:42px}
 .header-actions .language-button{font-size:10px;gap:4px;min-height:42px}
 .mobile-toggle{min-height:42px;min-width:34px;padding:6px}
 .mobile-nav{max-height:calc(100dvh - 140px)}
 .hero{padding-top:18px}
 .hero::before{inset:10px 0 -10px}
 .hero-layout{grid-template-columns:1fr;gap:22px}
 .hero-copy{padding:9px 0 0}
 .hero-copy h1,html:not([lang=de]) .hero h1{font-size:clamp(43px,10.7vw,60px);margin-bottom:18px}
 .hero-copy .eyebrow{font-size:10px;margin-bottom:15px;letter-spacing:.10em}
 .hero-copy .lead{font-size:16px;max-width:530px;margin-bottom:19px}
 .hero-location{margin-top:15px;font-size:12px}
 .hero-photo{min-height:340px;border-radius:18px}
 .hero-photo .placeholder-center>span{font-size:29px}
 .hero-photo::after{inset:11px;border-radius:11px}
 .prayer-panel{margin-top:22px;padding:16px;gap:15px;border-radius:14px}
 .prayer-intro{display:block}
 .prayer-intro .eyebrow{margin-bottom:7px}
 .prayer-intro h2{font-size:25px}
 .prayer-intro p{font-size:12px;margin-top:6px}
 .prayer-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:0}
 .prayer-time{padding:5px 3px}
 .prayer-time span{font-size:11px}
 .prayer-time strong{font-size:clamp(19px,5.3vw,25px)}
 .prayer-foot{align-items:flex-start;flex-direction:column;gap:10px;font-size:12px}
 .prayer-preview-warning,.note.prayer-preview-warning{padding:11px 12px;font-size:13px}
 .prayer-preview-warning p{font-size:13px}
 .about-home{grid-template-columns:1fr;gap:22px}
 .about-home .copy{padding:0}
 .values-row{margin-top:28px;gap:22px;padding-top:24px}
 .section-head{margin-bottom:24px}
 .section-head .text-link{margin-top:14px}
 .week-layout{grid-template-columns:1fr;padding:16px;gap:17px}
 .day-content{padding:20px 2px 4px}
 .day-tab{font-size:12px;min-height:42px;padding:9px}
 .activity{grid-template-columns:90px minmax(0,1fr);gap:12px;padding:14px 0}
 .activity-time{font-size:11px}
 .activity p{font-size:13px}
 .offer-section{padding-top:8px}
 .offer-card{padding:25px}
 .post-card h3{font-size:28px}
 .post-grid{gap:28px}
 .membership-banner{padding:27px 24px;gap:22px;margin-bottom:42px}
 .page-intro{padding:25px 0 24px}
 .breadcrumb{margin-bottom:23px}
 .page-intro h1{font-size:clamp(37px,9.4vw,46px)}
 .page-intro .lead{font-size:15px;margin-top:16px}
 .page-body{padding-bottom:44px}
 .date-toolbar{padding:20px 0;gap:14px}
 .date-toolbar h2{font-size:25px}
 .date-actions{gap:6px}
 .date-actions .icon-button{min-width:36px;padding:7px}
 .date-actions .btn{padding:9px 12px;min-height:42px}
 .date-input input{font-size:16px;max-width:156px}
 .full-prayer{grid-template-columns:1fr;gap:18px}
 .prayer-table-head{padding:16px 18px}
 .time-row{padding:11px 18px}
 .side-panel{padding:22px}
 .side-panel h2{font-size:31px}
 .side-panel .big-time{font-size:38px;margin:14px 0}
 .month-calendar>summary{font-size:23px;padding:17px}
 .calculation-note{padding:20px}
 .calculation-note dl{gap:15px}
 .split{gap:26px}
 .spacer{height:30px}
 .footer{padding-top:26px}
 .footer-grid{gap:26px 20px;padding-bottom:25px}
 .footer-grid>div:last-child{grid-column:2;grid-row:3}
 .footer-contact{grid-column:1/-1}
 .footer h3{font-size:13px}
 .footer li{font-size:12px}
 .footer-bottom{font-size:10px;gap:12px}
}
@media(max-width:380px){
 .wrap{width:calc(100% - 32px)}
 .site-header .brand-logo{width:170px}
 .header-inner{min-height:102px;gap:5px}
 .header-actions{gap:3px}
 .header-actions .btn{padding:8px 7px;font-size:10px;gap:4px}
 .mobile-toggle{min-width:32px;padding:4px}
 .hero-photo{min-height:300px}
 .prayer-panel{padding:13px}
 .prayer-time strong{font-size:19px}
 .prayer-time span{font-size:10px}
}
@media(max-width:350px){
 .wrap{width:calc(100% - 24px)}
 .site-header .brand-logo{width:148px}
 .header-inner{gap:3px}
 .header-actions{gap:2px}
 .header-actions .btn{padding:8px 6px;font-size:9px}
 .header-actions .btn svg{width:12px;height:12px}
 .header-actions .language-button{font-size:9px}
 .mobile-toggle{min-width:30px;padding:4px}
 .hero-copy .buttons{gap:8px}
 .hero-copy .btn{font-size:12px;padding:11px 13px}
 .hero-copy .btn.ghost{padding-left:0}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .btn{transition:none}
}