:root{--primary:#215b83;--primary-dark:#163e5a;--accent:#e8b93c;--bg:#f7f6f2;--text:#1d2733;--muted:#5f6b78;--card:#fff;--border:#e3e1da;--radius:12px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Noto Sans Arabic,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:0 20px}.site-header{background:var(--primary);color:#fff}.header-inner{justify-content:space-between;height:64px;gap:16px}.header-inner,.logo{display:flex;align-items:center}.logo{flex:none}.logo img{height:40px;width:auto}.main-nav{display:flex;gap:22px;font-size:.95rem}.main-nav a:hover{color:var(--accent)}.flag{width:20px;height:14px;flex:none;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.14)}.lang-select{position:relative;flex:none}.lang-select summary{display:flex;align-items:center;gap:7px;cursor:pointer;list-style:none;padding:5px 9px;border-radius:8px;font-size:.78rem;font-weight:600;border:1px solid hsla(0,0%,100%,.4);color:#fff}.lang-select summary::-webkit-details-marker{display:none}.lang-select summary::marker{content:""}.lang-select summary:hover,.lang-select[open] summary{border-color:var(--accent)}.lang-select summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.caret{width:9px;height:6px;opacity:.85;transition:transform .15s}.lang-select[open] .caret{transform:rotate(180deg)}.lang-menu{position:absolute;top:calc(100% + 6px);inset-inline-end:0;z-index:50;background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.18);padding:6px;min-width:168px}.lang-menu a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:7px;font-size:.88rem;color:var(--text)}.lang-menu a:hover{background:#eef3f9}.lang-menu a.active{background:var(--primary);color:#fff}.empty-state{display:flex;justify-content:center;padding:26px 0 60px}.empty-art{width:min(260px,66vw);height:auto;overflow:visible}.es-shadow{fill:rgba(33,91,131,.1)}.es-sheet{fill:var(--card)}.es-sheet,.es-sheet-back{stroke:var(--border);stroke-width:2}.es-sheet-back{fill:#eef3f9}.es-line{fill:#dbe3ec}.es-lens{fill:rgba(232,185,60,.16);stroke:var(--primary);stroke-width:5}.es-handle{stroke:var(--primary);stroke-width:7;stroke-linecap:round}@keyframes es-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes es-sweep{0%,to{transform:translate(0) rotate(0deg)}50%{transform:translate(-10px,-6px) rotate(-8deg)}}@keyframes es-shadow-pulse{0%,to{transform:scaleX(1);opacity:1}50%{transform:scaleX(.9);opacity:.7}}.es-float{animation:es-float 3.2s ease-in-out infinite}.es-glass{animation:es-sweep 3.2s ease-in-out infinite}.es-glass,.es-shadow{transform-box:fill-box;transform-origin:center}.es-shadow{animation:es-shadow-pulse 3.2s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.es-float,.es-glass,.es-shadow{animation:none}}.section-head{padding:40px 0 10px}.section-head h1{color:var(--primary);font-size:2rem}.section-head p{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:22px;gap:22px;padding:24px 0 48px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:10px;transition:transform .15s,box-shadow .15s}.card:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(0,0,0,.08)}.card h2{font-size:1.15rem;color:var(--primary-dark)}.card p{font-size:.92rem;color:var(--muted);flex:1 1}a.card{cursor:pointer}a.card:hover h2{color:var(--primary)}a.card:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.card-cat{align-self:flex-start;background:#e4eef8;color:var(--primary);font-size:.72rem;padding:3px 10px;border-radius:20px;font-weight:600;text-transform:uppercase}.hscroll-section{padding:10px 0 6px}.hscroll-title{color:var(--primary-dark);font-size:1.35rem;margin-bottom:14px}.hscroll{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:4px 4px 18px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.hscroll::-webkit-scrollbar{height:8px}.hscroll::-webkit-scrollbar-track{background:transparent}.hscroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}.hscroll-card{flex:0 0 280px;scroll-snap-align:start}.hscroll-card h3{font-size:1.1rem;color:var(--primary-dark)}a.hscroll-card:hover h3{color:var(--primary)}@media (max-width:640px){.hscroll-card{flex-basis:240px}}.article-page{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:36px;margin:32px 0 56px}.article-page h1{color:var(--primary-dark);margin-bottom:8px}.article-hero{display:block;width:100%;max-height:380px;object-fit:cover;border-radius:10px;margin:10px 0 14px}.article-lede{color:var(--muted);font-size:1.05rem;line-height:1.6;margin-bottom:24px}.suggested{margin:-32px 0 40px}.suggested-title{color:var(--primary-dark);font-size:1.25rem}.suggested .grid{padding:16px 0 0}.article-page .body{white-space:pre-wrap;font-size:1.02rem}.back-link{display:inline-block;margin-top:28px;color:var(--primary);font-weight:600}.admin-bar{display:flex;justify-content:space-between;align-items:center;padding:32px 0 8px}.btn{display:inline-block;background:var(--primary);color:#fff;border:none;padding:9px 18px;border-radius:8px;font-size:.9rem;cursor:pointer;font-weight:600}.btn:hover{background:var(--primary-dark)}.btn.secondary{background:transparent;color:var(--primary);border:1px solid var(--primary)}.btn.danger{background:#b23a3a}.admin-table{width:100%;border-collapse:collapse;background:var(--card);border-radius:var(--radius);overflow:hidden;margin:16px 0 48px}.admin-table td,.admin-table th{padding:12px 16px;border-bottom:1px solid var(--border);text-align:start;font-size:.92rem}.admin-table th{background:#eef2f8;color:var(--primary-dark)}.form-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;margin:24px 0 56px}.form-card h3{color:var(--primary);margin:18px 0 8px;font-size:1rem}.form-row{margin-bottom:12px}.form-row label{display:block;font-size:.82rem;font-weight:600;color:var(--muted);margin-bottom:4px}.form-row input,.form-row textarea{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:8px;font:inherit;background:#fbfbf9}.form-row textarea{min-height:90px;resize:vertical}.form-actions{display:flex;gap:10px;margin-top:20px}.checkbox-row{display:flex;align-items:center;gap:8px;margin-top:14px}.checkbox-row input{width:auto}[dir=ltr] input.ar,[dir=ltr] textarea.ar,[dir=rtl] .rtl-input{direction:rtl}.site-footer{background:var(--primary-dark);color:#cfdeee;margin-top:auto}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-gap:32px;gap:32px;padding:40px 0}.footer-grid h4{color:#fff;margin-bottom:10px;font-size:.95rem}.footer-grid a,.footer-grid p{font-size:.88rem}.footer-grid ul{list-style:none}.footer-grid li{margin-bottom:6px}.footer-grid a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid hsla(0,0%,100%,.15);padding:14px 0;font-size:.8rem;text-align:center}.page-wrap{min-height:100vh;display:flex;flex-direction:column}main{flex:1 1}@media (max-width:700px){.header-inner{flex-wrap:wrap;height:auto;padding:10px 0;gap:10px 12px}.logo img{height:34px}.main-nav{order:3;width:100%;gap:7px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.main-nav::-webkit-scrollbar{display:none}.main-nav a{flex:none;white-space:nowrap;font-size:.85rem;font-weight:600;background:hsla(0,0%,100%,.14);border-radius:22px;padding:11px 16px}.main-nav a:hover{background:hsla(0,0%,100%,.26);color:#fff}.main-nav a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.footer-grid{grid-template-columns:1fr}}.subcat-bar{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0 4px}.chip{padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600;border:1px solid var(--border);background:var(--card);color:var(--muted)}.chip:hover{color:var(--primary)}.chip.active,.chip:hover{border-color:var(--primary)}.chip.active{background:var(--primary);color:#fff}@keyframes sk-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sk{background:linear-gradient(90deg,#eceae4 25%,#f6f5f1 37%,#eceae4 63%);background-size:200% 100%;animation:sk-shimmer 1.4s ease-in-out infinite;border-radius:6px}.sk-stack{display:flex;flex-direction:column;gap:9px}.sk-body{margin-top:24px;gap:12px}.card-skeleton{gap:12px}.card-skeleton:hover{transform:none;box-shadow:none}.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}@media (prefers-reduced-motion:reduce){.sk{animation:none;background:#eceae4}.card{transition:none}.card:hover{transform:none}}.home-head{padding:44px 0 6px}.home-head h1{color:var(--primary);font-size:2.1rem;line-height:1.25}.home-head p{color:var(--muted);margin-top:6px}.home-more{padding:4px 0 56px}.btn-link{color:var(--primary-dark);font-weight:700}.btn-link:hover{text-decoration:underline}.tile-grid{display:grid;grid-gap:14px;gap:14px;padding:24px 0 8px;grid-template-columns:repeat(auto-fill,minmax(158px,1fr))}.tile{display:flex;flex-direction:column;gap:12px;justify-content:space-between;min-height:118px;padding:16px;border-radius:14px;color:#fff;transition:transform .15s,box-shadow .15s}.tile:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.16)}.tile:focus-visible{outline:3px solid var(--primary-dark);outline-offset:3px}.tile-badge{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:11px;background:hsla(0,0%,100%,.2)}.tile-label{font-weight:700;font-size:.97rem;line-height:1.3}.tone-sky{background:#2f6fa8}.tone-teal{background:#1f7a70}.tone-amber{background:#8f6410}.tone-indigo{background:#4a4f9e}.tone-rose{background:#a83f5b}.tone-slate{background:#495a6b}.tone-moss{background:#44712f}.tone-plum{background:#743d78}.tone-cyan{background:#1f6f85}.tone-clay{background:#95512f}.card-media{display:block;margin:-22px -22px 4px;background:#eceae4;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius) var(--radius) 0 0}.card-media img{width:100%;height:100%;object-fit:cover;display:block}.year-block{padding-top:26px}.year-heading{color:var(--primary-dark);font-size:1.35rem;margin-bottom:10px}.block-intro{color:var(--muted);margin-bottom:16px}.table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border)}.data-table{width:100%;border-collapse:collapse;background:var(--card);min-width:420px}.data-table td,.data-table th{padding:11px 14px;text-align:start;font-size:.93rem;border-bottom:1px solid var(--border)}.data-table th{background:#eef2f8;color:var(--primary-dark);font-size:.8rem;text-transform:uppercase;letter-spacing:.4px}.data-table tbody tr:last-child td{border-bottom:0}.nowrap{white-space:nowrap}.muted-cell{color:var(--muted)}.data-table tr.is-weekend td{background:#fdf6e6}.pill{display:inline-block;-webkit-margin-start:8px;margin-inline-start:8px;padding:2px 9px;border-radius:20px;background:#f3e3b8;color:#6b4c07;font-size:.72rem;font-weight:700;white-space:nowrap}.pill.soft{background:#e4eef8;color:var(--primary-dark)}.source-note{color:var(--muted);font-size:.83rem;padding:14px 0 48px}.notice-error,.notice-info,.notice-warn{border-radius:10px;padding:12px 14px;font-size:.9rem;margin:14px 0;border:1px solid transparent}.notice-error{background:#fbeaea;border-color:#edc9c9;color:#8a2f2f}.notice-info{background:#e4eef8;border-color:#c8dcf0;color:var(--primary-dark)}.notice-warn{background:#fdf6e6;border-color:#efdcae;color:#6b4c07}.prayer-card{max-width:480px;margin-top:20px}.prayer-dates{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.88rem;color:var(--muted);margin-bottom:8px}.hijri{font-weight:700;color:var(--primary-dark)}.prayer-table .time-cell{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;font-size:1rem}.prayer-table tr.is-sunrise td{color:var(--muted);font-style:italic}.prayer-table tr.is-next td{background:#e4eef8;color:var(--primary-dark)}.prayer-table tr.is-next .time-cell{color:var(--primary-dark)}.mosques-block{padding-top:40px}.mosque-map{height:420px;width:100%;border-radius:var(--radius);border:1px solid var(--border);margin-bottom:18px;z-index:0}.map-placeholder{background:#eceae4}.mosque-pin{background:none;border:0}.approx-note{color:#6b4c07}.mosque-list{list-style:none;display:grid;grid-gap:10px;gap:10px}.mosque-list li{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:13px 15px;display:grid;grid-gap:3px;gap:3px}.mosque-name{font-weight:700;color:var(--primary-dark)}.mosque-addr{font-size:.9rem;color:var(--muted)}.mosque-contact{display:flex;flex-wrap:wrap;gap:14px;font-size:.85rem;margin-top:4px}.mosque-contact a{color:var(--primary-dark);text-decoration:underline}@media (max-width:700px){.home-head h1{font-size:1.7rem}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.mosque-map{height:320px}}.html-body{white-space:normal}.html-body p{margin:0 0 14px}.html-body h2,.html-body h3{color:var(--primary-dark);margin:22px 0 10px}.html-body ol,.html-body ul{margin:0 0 14px;-webkit-padding-start:24px;padding-inline-start:24px}.html-body img{max-width:100%;border-radius:8px}.html-body blockquote{-webkit-border-start:4px solid var(--accent);border-inline-start:4px solid var(--accent);-webkit-padding-start:14px;padding-inline-start:14px;color:var(--muted);margin:14px 0}.html-body a{color:var(--primary);text-decoration:underline}.html-body table{border-collapse:collapse;margin:14px 0}.html-body td,.html-body th{border:1px solid var(--border);padding:8px 12px}.social-list{list-style:none;display:grid;grid-gap:8px;gap:8px}.social-list a{display:inline-flex;align-items:center;gap:9px;font-size:.88rem}.social-list a:hover{color:var(--accent)}.social-list a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.social-icon{width:18px;height:18px;flex:none}