.azanera-container{max-width:1100px;margin:0 auto;padding:20px 16px 48px}.azanera-box{padding:20px;margin:16px 0;border:1px solid #d6e3df;border-radius:12px;background:#fff}.azanera-box h2{margin-top:0}.azanera-box input[type=search]{display:block;max-width:600px;width:100%;padding:12px;border:1px solid #899d97;border-radius:8px;margin:8px 0 12px;font-size:1rem}.azanera-button{background:#176f61;color:#fff;border:0;border-radius:8px;padding:12px 18px;cursor:pointer}.azanera-button:hover{background:#105347}.azanera-links{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:8px 20px}.azanera-results{list-style:none;margin:0;padding:0;max-width:600px}.azanera-results a{display:block;padding:7px 0}.azanera-breadcrumbs{font-size:.9rem;display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}@media(max-width:600px){.azanera-box{padding:16px}.azanera-links{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Editor-only city prototype. These rules are scoped to the private preview. */
.azanera-private-preview{margin:0;color:#173832;background:#f5f8f7;font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.azanera-private-preview *{box-sizing:border-box}
.azanera-private-preview a{color:#176f61}
.azanera-private-preview .azanera-container{max-width:1160px}
.azanera-private-preview .azanera-box{box-shadow:0 1px 4px #183b3220}
.azanera-preview-bar{background:#153e35;color:#fff}
.azanera-preview-bar .azanera-container{display:flex;align-items:center;gap:22px;padding-top:12px;padding-bottom:12px}
.azanera-preview-bar strong{font-size:1.3rem}
.azanera-preview-bar a{color:#fff;margin-left:auto}
.azanera-preview-bar span{font-size:.85rem;color:#cce6dc}
.azanera-city-view{padding-top:24px}
.azanera-city-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}
.azanera-city-heading h1{font-size:clamp(1.65rem,3vw,2.45rem);line-height:1.18;margin:4px 0 8px}
.azanera-city-heading p{margin:0 0 12px;color:#4a615a}
.azanera-city-heading .azanera-city-intro{max-width:920px;margin:2px 0 18px;line-height:1.55;font-size:.96rem;color:#486056}
.azanera-city-intro a{color:#11695d;text-underline-offset:3px}
.azanera-eyebrow{text-transform:uppercase;letter-spacing:.075em;font-size:.75rem;font-weight:700;color:#387668}
.azanera-local-clock{background:#e6f3ee;padding:13px 18px;border-radius:12px;white-space:nowrap;font-size:.8rem}
.azanera-local-clock strong{display:block;font-size:1.4rem;font-variant-numeric:tabular-nums;color:#114b3e}
.azanera-preview-warning{padding:13px 16px;border:1px solid #e2be79;background:#fff7e8;border-radius:10px;font-size:.9rem}
.azanera-controls{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:18px 0}
.azanera-controls>a,.azanera-settings summary{display:inline-flex;align-items:center;padding:9px 14px;border:1px solid #aacbc0;border-radius:8px;background:#fff;text-decoration:none;cursor:pointer;color:#175649}
.azanera-settings{position:relative}
.azanera-settings-panel{position:absolute;z-index:3;top:45px;left:0;width:min(350px,90vw);padding:14px 18px;background:#fff;border:1px solid #aacbc0;box-shadow:0 12px 22px #153e3526;border-radius:10px;font-size:.9rem}
.azanera-settings-panel p{margin:4px 0 12px}
.azanera-settings-panel label{display:flex;gap:10px;align-items:center}
.azanera-settings-panel select{padding:5px;border-radius:5px}
.azanera-settings-panel .azanera-settings-note{color:#627971;font-size:.8rem;margin-top:12px}
.azanera-city-view .azanera-box h2{font-size:1.25rem;margin:0 0 16px;line-height:1.25}
.azanera-prayers{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.azanera-prayer{background:#f3f8f6;border:1px solid #dfebe6;border-radius:10px;padding:12px 10px;min-width:0}
.azanera-prayer span{display:block;font-size:.88rem;color:#566e65}
.azanera-prayer strong{font-size:clamp(1.3rem,2vw,1.8rem);font-variant-numeric:tabular-nums;white-space:nowrap;color:#125e4e}
.azanera-prayer.azanera-sunrise{background:#fff8ec;border-color:#f1e2bd}
.azanera-prayer.azanera-sunrise strong{color:#855b1a}
.azanera-source{color:#556b63;font-size:.85rem;margin:16px 0 0}
.azanera-next p{font-weight:700;color:#176f61;font-size:1.18rem;margin:0 0 5px}
.azanera-next small{color:#65756f}
.azanera-month-heading{display:flex;align-items:end;justify-content:space-between;gap:16px}
.azanera-month-actions{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 14px}
.azanera-export{border:1px solid #a9cbbd;border-radius:8px;background:#f3faf6;color:#11695d;padding:8px 13px;font:inherit;font-size:.85rem;font-weight:650;cursor:pointer}
.azanera-export:hover,.azanera-export:focus-visible{background:#e5f3ec}
.azanera-practice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}
.azanera-practice-grid>.azanera-box{margin:0}
.azanera-practice-times{display:grid;gap:0;margin:12px 0}
.azanera-practice-times>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #e3eee7}
.azanera-practice-times span{font-size:.95rem;color:#314f43}
.azanera-practice-times small{display:block;color:#73867b;font-size:.75rem;margin-top:2px}
.azanera-practice-times strong{font-variant-numeric:tabular-nums;white-space:nowrap;color:#11695d;font-size:1.08rem}
.azanera-practice-note{font-size:.84rem;line-height:1.55;color:#62776b;margin:11px 0 0}
.azanera-month-heading .azanera-eyebrow{margin:0 0 4px}
.azanera-month-form{display:flex;align-items:end;gap:8px;margin-bottom:15px}
.azanera-month-form label{font-size:.8rem;color:#536a62}
.azanera-month-form input{display:block;padding:8px;border:1px solid #a9c8bd;border-radius:7px}
.azanera-month-form .azanera-button{padding:9px 13px}
.azanera-table-wrap{overflow-x:auto}
.azanera-month table{border-collapse:collapse;width:100%;min-width:680px;font-variant-numeric:tabular-nums;text-align:center}
.azanera-month th,.azanera-month td{padding:9px 7px;border-bottom:1px solid #e7eeea}
.azanera-month thead{background:#e9f4ef;color:#265f50}
.azanera-month tbody tr:nth-child(even){background:#f8fbf9}
.azanera-month tbody tr.azanera-selected{background:#e0f3eb}
.azanera-month tbody th a{display:block;text-decoration:none}
@media(max-width:850px){.azanera-prayers{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.azanera-preview-bar .azanera-container{gap:9px;flex-wrap:wrap}.azanera-preview-bar span{order:3;width:100%}.azanera-city-heading{align-items:start}.azanera-local-clock{padding:8px 10px}.azanera-prayers{grid-template-columns:repeat(2,minmax(0,1fr))}.azanera-month-heading{display:block}.azanera-month-form{margin-top:10px}}
@media(max-width:600px){
  .azanera-month table{min-width:0;border-collapse:separate;border-spacing:0}
  .azanera-month thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .azanera-month tbody{display:block}
  .azanera-month tbody tr,.azanera-month tbody tr:nth-child(even){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px;margin-bottom:10px;border:1px solid #e0ebe5;border-radius:10px;background:#fff}
  .azanera-month tbody tr.azanera-selected{background:#e0f3eb}
  .azanera-month tbody th,.azanera-month tbody td{display:block;min-width:0;padding:3px 5px;border:0;text-align:left;font-size:.92rem}
  .azanera-month tbody th{grid-column:1/-1;padding-bottom:5px;border-bottom:1px solid #e0ebe5}
  .azanera-month tbody th::before{content:'Дата ';font-size:.8rem;color:#627971;font-weight:400}
  .azanera-month tbody th a{display:inline}
  .azanera-month tbody td::before{content:attr(data-label);display:block;color:#627971;font-size:.72rem;line-height:1.35}
  .azanera-month tbody td:nth-child(3){color:#855b1a}
}
.azanera-trust-links{display:flex;flex-wrap:wrap;gap:10px 23px;margin:34px 0 0;padding:21px 0;border-top:1px solid #d8e8de;font-size:.91rem}
.azanera-trust-links a{color:#11695d;font-weight:600;text-decoration:none}
.azanera-trust-links a:hover,.azanera-trust-links a:focus-visible{text-decoration:underline;text-underline-offset:3px}

/* City pages: calm surfaces, generous spacing and the prayer time as the focal point. */
.azanera-city-view{max-width:1160px;padding-top:28px;padding-bottom:76px;color:#213c33}
.azanera-city-view .azanera-breadcrumbs{margin-bottom:26px;color:#61766d}
.azanera-city-view .azanera-box{margin:24px 0;padding:clamp(20px,2.8vw,32px);border:1px solid #dceae3;border-radius:20px;background:#fff;box-shadow:0 6px 30px rgba(20,71,54,.045)}
.azanera-city-view .azanera-practice-grid>.azanera-box,.azanera-city-view .azanera-details-grid>.azanera-box{margin:0}
.azanera-city-view .azanera-box h2{font-size:clamp(1.16rem,1.9vw,1.4rem);letter-spacing:-.018em}
.azanera-city-heading h1{font-size:clamp(1.8rem,3vw,2.7rem);letter-spacing:-.035em;line-height:1.12;margin:8px 0 14px;color:#173d31}
.azanera-city-heading .azanera-city-intro{max-width:850px;line-height:1.65;margin:12px 0 12px}
.azanera-city-view .azanera-today{padding:clamp(22px,3.5vw,40px);border:1px solid #b8d9c9;border-radius:24px;background:linear-gradient(150deg,#f2faf5 0%,#fff 65%);box-shadow:0 18px 48px rgba(17,105,93,.095)}
.azanera-today-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px 24px;flex-wrap:wrap}
.azanera-city-view .azanera-today-heading h2{margin:0;font-size:clamp(1.25rem,2vw,1.6rem);color:#173f32}
.azanera-today-heading span{font-size:.82rem;color:#65756f}
.azanera-heading-meta{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.azanera-inline-clock{font-size:.84rem;color:#65756f;white-space:nowrap}
.azanera-inline-clock strong{margin-left:6px;color:#155747;font-size:1.1rem;font-variant-numeric:tabular-nums}
.azanera-hijri-date{font-size:.83rem;color:#577368}
.azanera-hijri-date:empty{display:none}
.azanera-mobile-qibla{display:none}
.azanera-today .azanera-next{display:flex;align-items:center;justify-content:space-between;gap:8px 22px;flex-wrap:wrap;margin:25px 0 22px;padding:19px 24px;border:1px solid #c9e4d5;border-radius:16px;background:#e3f4eb;color:#173e31}
.azanera-today .azanera-next span{font-size:.82rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:#446c58}
.azanera-today .azanera-next strong{font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.3;font-weight:750;font-variant-numeric:tabular-nums;color:#125448}
.azanera-today .azanera-prayers{gap:10px;grid-template-columns:repeat(6,minmax(0,1fr));border:0;padding:0}
.azanera-today .azanera-prayer{min-width:0;border:1px solid #c9e4d5;border-radius:14px;background:#e3f4eb;padding:18px 8px;text-align:center}
.azanera-today .azanera-prayer:last-child{border-right:1px solid #c9e4d5}
.azanera-today .azanera-prayer span{font-size:.82rem;white-space:nowrap;color:#557265}
.azanera-today .azanera-prayer.azanera-upcoming span{white-space:normal}
.azanera-today .azanera-prayer strong{display:block;margin-top:8px;font-size:clamp(1.36rem,2vw,1.8rem);line-height:1.15;font-weight:750;color:#173e31;font-variant-numeric:tabular-nums}
.azanera-today .azanera-prayer.azanera-sunrise strong,.azanera-today .azanera-prayer.azanera-sunrise span{color:#597366}
.azanera-today .azanera-prayer.azanera-upcoming{background:#11695d;border:1px solid #11695d;border-radius:14px;box-shadow:0 8px 20px rgba(17,105,93,.16)}
.azanera-today .azanera-prayer.azanera-upcoming span,.azanera-today .azanera-prayer.azanera-upcoming strong{color:#fff}
.azanera-today .azanera-source{margin-top:14px;font-size:.78rem;color:#63736c}
.azanera-table-hint{display:none}
.azanera-city-view .azanera-settings-block{scroll-margin-top:24px}
.azanera-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.azanera-settings-grid label{display:block;font-size:.85rem;font-weight:650;color:#344e45}
.azanera-settings-grid select{display:block;width:100%;margin-top:8px;padding:10px 12px;border:1px solid #b9d0c6;border-radius:8px;background:#fff;color:#233e34;font:inherit;font-weight:400}
.azanera-settings-grid select:disabled{background:#f4f7f5;color:#596c62;opacity:1;cursor:not-allowed}
.azanera-settings-foot{max-width:760px;margin:18px 0 8px;color:#5d7066;font-size:.85rem}
.azanera-settings-apply{margin-top:14px}
.azanera-settings-reset{padding:0;border:0;background:none;color:#176f61;text-decoration:underline;text-underline-offset:3px;font:inherit;font-size:.82rem;cursor:pointer}
.azanera-settings-actions{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:14px;align-items:center}
.azanera-settings-actions a{font-size:.82rem;color:#176f61}
.azanera-ad-slot{max-width:100%;margin:16px 0;overflow-x:auto;text-align:center}
.azanera-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}
.azanera-details-grid>.azanera-box{margin:0}
.azanera-facts{margin:6px 0 0}
.azanera-facts>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #e8efeb}
.azanera-facts dt{color:#61766c}.azanera-facts dd{margin:0;text-align:right;font-weight:600}
.azanera-city-context{margin:0;color:#60756c;font-size:.9rem;line-height:1.45}
.azanera-city-fact{margin:22px 0 4px;padding:18px 20px;border-left:3px solid #11695d;border-radius:0 12px 12px 0;background:#f3faf6}
.azanera-city-fact>span{color:#11695d;font-size:.76rem;font-weight:750;letter-spacing:.07em;text-transform:uppercase}
.azanera-city-fact p{margin:7px 0 0;line-height:1.55}
.azanera-city-view .azanera-city-nearby-title{font-size:1rem;margin:18px 0 10px}
.azanera-date-list{list-style:none;padding:0;margin:8px 0 0}
.azanera-date-list li{display:flex;gap:16px;padding:10px 0;border-bottom:1px solid #e8efeb}
.azanera-date-list strong{min-width:75px;color:#176f61}
.azanera-date-note{margin:12px 0 0;color:#60756c;font-size:.83rem;line-height:1.45}
.azanera-details-grid details{margin-top:12px}
.azanera-details-grid details summary{cursor:pointer;color:#176f61;font-weight:600}
.azanera-mosque-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.azanera-mosque-card{min-width:0;padding:20px;border:1px solid #e0eae4;border-radius:14px;background:#fafcfb}
.azanera-city-view .azanera-mosque-card h3{margin:0 0 6px;font-size:1rem;line-height:1.35;color:#263e35}
.azanera-mosque-card p{margin:0 0 14px;color:#566a60;font-size:.89rem}
.azanera-mosque-card a{font-size:.86rem;color:#176f61}
.azanera-mosque-more{margin:14px 0 0;font-size:.87rem}
.azanera-mosque-extra{margin-top:16px}
.azanera-mosque-extra summary{cursor:pointer;color:#176f61;font-weight:650;margin-bottom:14px}
.azanera-other-cities h3{font-size:1rem;margin:16px 0 9px}
.azanera-city-links{display:flex;flex-wrap:wrap;gap:8px}
.azanera-city-links a{border:1px solid #d9e8e0;border-radius:7px;padding:7px 11px;text-decoration:none}
.azanera-city-links span{color:#71847b;font-size:.8rem}
@media(max-width:850px){.azanera-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.azanera-today .azanera-prayers{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.azanera-details-grid{grid-template-columns:1fr}}
@media(max-width:850px){.azanera-practice-grid{grid-template-columns:1fr}}
@media(max-width:850px){.azanera-mosque-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
  .azanera-mosque-grid{grid-template-columns:1fr}
  .azanera-heading-meta{align-items:flex-start}
  .azanera-mobile-qibla{display:flex;align-items:center;gap:12px;padding:10px 14px;margin:14px 0;border:1px solid #d6e3df;border-radius:10px;background:#f7faf8;color:#254b3f}
  .azanera-mobile-qibla strong{display:block;font-size:.9rem}
  .azanera-mobile-qibla small{display:block;margin-top:3px;color:#62776d;font-size:.75rem;line-height:1.3}
  .azanera-qibla-rose{position:relative;width:42px;height:42px;flex:none;border:1px solid #afc8bc;border-radius:50%;background:#fff;text-align:center}
  .azanera-qibla-rose span{position:absolute;top:1px;left:0;right:0;font-size:.65rem;color:#64796f}
  .azanera-qibla-rose::after{content:'➤';position:absolute;top:7px;left:0;right:0;color:#11695d;font-size:23px;line-height:30px;transform:rotate(calc(var(--azanera-bearing) - 90deg))}
  .azanera-settings-grid{grid-template-columns:1fr;gap:14px}
  .azanera-city-view .azanera-box{margin:18px 0;padding:20px 16px;border-radius:16px}
  .azanera-city-view .azanera-today{padding:22px 16px;border-radius:18px}
  .azanera-today .azanera-prayers{grid-template-columns:repeat(2,minmax(0,1fr))}
  .azanera-today-heading{align-items:center}
  .azanera-today .azanera-next{display:block;margin:20px 0 18px;padding:17px 18px}
  .azanera-today .azanera-next strong{display:block;margin-top:5px;font-size:1.28rem}
  .azanera-today .azanera-prayer{padding:16px 8px}
  .azanera-today .azanera-prayer strong{font-size:1.42rem}
  .azanera-table-hint{display:block;margin:2px 0 8px;text-align:right;font-size:.75rem;color:#697d74}
  .azanera-month .azanera-table-wrap{overflow-x:auto;overscroll-behavior-x:contain}
  .azanera-month table{display:table;min-width:700px;border-collapse:collapse}
  .azanera-month thead{display:table-header-group;position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal}
  .azanera-month tbody{display:table-row-group}
  .azanera-month tbody tr,.azanera-month tbody tr:nth-child(even){display:table-row;padding:0;margin:0;border:0;border-radius:0}
  .azanera-month tbody tr:nth-child(even){background:#f8fbf9}
  .azanera-month tbody tr.azanera-selected{background:#e0f3eb}
  .azanera-month tbody th,.azanera-month tbody td{display:table-cell;padding:9px 7px;border-bottom:1px solid #e7eeea;text-align:center;font-size:.9rem;white-space:nowrap}
  .azanera-month tbody th{white-space:nowrap}
  .azanera-month tbody th::before,.azanera-month tbody td::before{display:none}
}
