:root{--navy:#062d62;--navy2:#041d42;--blue:#0b5cab;--blue2:#1471c9;--gold:#d6ad36;--gold2:#f0cf6d;--ink:#16243a;--muted:#66758a;--line:#dbe3ed;--soft:#f4f7fb;--white:#fff;--green:#15926f;--shadow:0 15px 38px rgba(6,45,98,.10);--shadow2:0 8px 24px rgba(6,45,98,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 36px));margin:auto}.gov-strip{background:#031a39;color:#c5d3e3;font-size:10px;border-bottom:1px solid rgba(255,255,255,.08)}.gov-strip-inner{height:30px;display:flex;align-items:center;justify-content:space-between;gap:15px}.gov-strip-right{display:flex;align-items:center;gap:8px}.gov-strip b{color:#fff}.dot{color:var(--gold)}.institution-header{background:#fff}.institution-inner{min-height:102px;display:flex;align-items:center;justify-content:space-between;gap:24px}.institution-brand{display:flex;align-items:center;gap:15px;min-width:0}.institution-emblem{width:68px;height:68px;flex:0 0 68px;border:3px solid var(--gold);outline:5px solid #f4f7fb;border-radius:50%;background:linear-gradient(145deg,var(--navy2),var(--navy));display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:0 7px 22px rgba(6,45,98,.15)}.institution-emblem span{font-size:17px;font-weight:900;line-height:1}.institution-emblem small{font-size:7px;letter-spacing:1.2px;margin-top:4px;color:var(--gold2)}.institution-copy{display:flex;flex-direction:column;min-width:0}.institution-kicker{font-size:9px;font-weight:900;letter-spacing:1.3px;color:var(--blue);margin-bottom:3px}.institution-copy strong{font-size:25px;line-height:1.1;color:var(--navy);letter-spacing:-.4px}.institution-copy small{margin-top:5px;color:var(--muted);font-size:12px}.institution-contact{text-align:right;display:flex;flex-direction:column;border-left:1px solid var(--line);padding-left:20px}.institution-contact .contact-label{font-size:8px;letter-spacing:1.1px;font-weight:900;color:var(--blue)}.institution-contact strong{font-size:14px;color:var(--navy);margin-top:3px}.institution-contact small{font-size:10px;color:var(--muted)}.main-nav{height:52px;background:#fff;border-top:1px solid #edf1f6;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;box-shadow:0 6px 16px rgba(6,45,98,.04)}.nav-inner{height:100%;display:flex;align-items:stretch}.nav-links{display:flex;align-items:stretch;min-width:0;flex:1}.nav-links a{display:flex;align-items:center;padding:0 11px;font-size:11px;font-weight:800;color:#31445e;position:relative;white-space:nowrap}.nav-links a:after{content:"";position:absolute;left:11px;right:11px;bottom:0;height:3px;background:transparent}.nav-links a:hover{color:var(--blue)}.nav-links a:hover:after{background:var(--gold)}.admin-link,.display-link{display:flex;align-items:center;justify-content:center;align-self:center;height:31px;padding:0 11px;margin-left:6px;border-radius:4px;font-size:9px;font-weight:900;letter-spacing:.3px}.admin-link{background:var(--navy);color:#fff}.display-link{background:#edf4fb;color:var(--blue);border:1px solid #dce8f5}.menu-toggle{display:none;border:0;background:none;color:var(--navy);font-weight:900}.prayer-ticker{height:44px;background:linear-gradient(90deg,var(--navy2),var(--navy));color:#fff;display:grid;grid-template-columns:auto 1fr auto;align-items:stretch;overflow:hidden;border-bottom:3px solid var(--gold);position:relative;z-index:20}.ticker-label{display:flex;align-items:center;gap:8px;padding:0 15px;background:#031a39;font-size:9px;letter-spacing:.7px;white-space:nowrap}.pulse{width:7px;height:7px;border-radius:50%;background:#3ed3a7;box-shadow:0 0 0 0 rgba(62,211,167,.7);animation:pulse 1.6s infinite}@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(62,211,167,0)}100%{box-shadow:0 0 0 0 rgba(62,211,167,0)}}.ticker-window{overflow:hidden;display:flex;align-items:center}.ticker-track{display:flex;align-items:center;width:max-content;min-width:max-content;animation:ticker 38s linear infinite}.ticker-window:hover .ticker-track{animation-play-state:paused}.ticker-item{font-size:11px;white-space:nowrap;padding:0 14px}.ticker-item b{color:var(--gold2);margin-right:4px}.ticker-item em{font-style:normal;color:#bdd1e7;margin-left:6px;font-size:10px}.ticker-sep{color:var(--gold);font-size:7px}@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}.ticker-countdown{display:flex;align-items:center;padding:0 14px;background:var(--gold);color:#17233b;font-size:10px;font-weight:900;white-space:nowrap;min-width:195px;justify-content:center}.notice-marquee{height:33px;display:grid;grid-template-columns:auto 1fr;border-bottom:1px solid #d9e2ec;background:#f7f9fc}.notice-label{display:flex;align-items:center;background:#e9eef5;color:var(--navy);font-size:8px;font-weight:900;letter-spacing:1px;padding:0 14px;border-right:1px solid #d9e2ec}.notice-window{overflow:hidden;display:flex;align-items:center}.notice-track{display:flex;width:max-content;min-width:max-content;animation:notice 46s linear infinite}.notice-track span{white-space:nowrap;font-size:10px;color:#52647b;padding-right:75px}.notice-track span:before{content:"●";color:var(--gold);margin-right:9px;font-size:7px}@keyframes notice{from{transform:translateX(0)}to{transform:translateX(-50%)}}.hero{background:radial-gradient(circle at 78% 28%,rgba(25,112,193,.27),transparent 30%),linear-gradient(120deg,#041b3d,#072f64 58%,#084b82);color:#fff;padding:58px 0;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.06);border-radius:50%;right:-160px;top:-270px;box-shadow:0 0 0 80px rgba(255,255,255,.02),0 0 0 160px rgba(255,255,255,.015)}.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:36px;align-items:center;position:relative;z-index:2}.hero-main{max-width:720px}.hero-badge{display:inline-flex;align-items:center;gap:8px;font-size:9px;font-weight:900;letter-spacing:1.2px;color:#d8e6f4;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);padding:6px 9px;border-radius:4px}.hero-badge-dot{width:7px;height:7px;border-radius:50%;background:var(--gold)}.hero h1{font-size:44px;line-height:1.11;margin:16px 0 13px;letter-spacing:-1.2px;max-width:760px}.hero p{font-size:15px;line-height:1.75;color:#c7d8ea;max-width:700px;margin:0}.hero-actions{display:flex;gap:10px;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;padding:11px 15px;font-size:10px;font-weight:900;letter-spacing:.3px}.btn-gold{background:var(--gold);color:#152139}.btn-ghost{border:1px solid rgba(255,255,255,.3);color:#fff;background:rgba(255,255,255,.05)}.hero-meta{display:flex;flex-wrap:wrap;gap:18px;margin-top:23px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);font-size:10px;color:#aebfd3}.service-panel{background:#fff;color:var(--ink);border-radius:8px;padding:21px;box-shadow:0 22px 55px rgba(0,0,0,.22);border-top:5px solid var(--gold)}.service-panel-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.service-panel-head small{display:block;font-size:8px;font-weight:900;letter-spacing:1px;color:var(--blue)}.service-panel-head strong{display:block;font-size:12px;color:var(--navy);margin-top:2px}.live-badge{font-size:8px;font-weight:900;background:#e8f7f1;color:#0a7556;padding:5px 7px;border-radius:3px}.clock{font-size:52px;line-height:1;font-weight:900;color:var(--navy);letter-spacing:-2px;margin:16px 0}.next-prayer{background:linear-gradient(135deg,#edf5fd,#f8fbff);border:1px solid #dce8f5;border-left:4px solid var(--blue);padding:12px 13px;display:flex;flex-direction:column;border-radius:4px}.next-prayer small{font-size:8px;font-weight:900;letter-spacing:1px;color:var(--blue)}.next-prayer strong{font-size:18px;color:var(--navy);margin-top:2px}.next-prayer span{font-size:10px;color:var(--muted);margin-top:3px}.service-info{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border-top:1px solid var(--line);margin-top:14px;padding-top:12px;font-size:9px;color:var(--muted)}.service-info strong{color:var(--navy);text-align:right}.quick-services{background:#fff;border-bottom:1px solid var(--line)}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr)}.quick-card{min-height:84px;display:flex;align-items:center;gap:12px;padding:15px 17px;border-right:1px solid var(--line);transition:.2s}.quick-card:first-child{border-left:1px solid var(--line)}.quick-card:hover{background:#f7faff;transform:translateY(-1px)}.quick-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;background:var(--navy);color:#fff;font-size:9px;font-weight:900;border-radius:4px;border-bottom:3px solid var(--gold)}.quick-card>span:last-child{display:flex;flex-direction:column}.quick-card strong{font-size:12px;color:var(--navy)}.quick-card small{font-size:9px;color:var(--muted);margin-top:2px}.section{padding:54px 0}.section-soft{background:var(--soft)}.section-heading{display:flex;gap:13px;align-items:flex-start;margin-bottom:24px}.section-heading-split{justify-content:space-between}.section-heading-main{display:flex;gap:13px}.section-index{width:42px;height:42px;flex:0 0 42px;background:var(--navy);color:#fff;border-bottom:4px solid var(--gold);display:grid;place-items:center;font-size:9px;font-weight:900;border-radius:4px}.section-eyebrow{display:block;font-size:9px;font-weight:900;letter-spacing:1.3px;color:var(--blue);margin-bottom:3px}.section-heading h2{margin:0;color:var(--navy);font-size:28px;line-height:1.15;letter-spacing:-.4px}.section-heading p{margin:5px 0 0;color:var(--muted);font-size:12px}.section-chip{align-self:center;padding:7px 10px;background:#eaf2fb;color:var(--blue);font-size:8px;font-weight:900;letter-spacing:.7px;border-radius:3px;border:1px solid #d9e7f5}.mading-section{background:linear-gradient(180deg,#fff,#f7f9fc)}.mading-board{display:grid;grid-template-columns:1.55fr .85fr;gap:20px}.mading-feature{display:grid;grid-template-columns:1.08fr .92fr;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;overflow:hidden;min-height:355px}.feature-visual{display:block;position:relative;background-size:cover;background-position:center;min-height:330px;background-color:#0d4b87}.feature-visual.placeholder{background:radial-gradient(circle at 35% 35%,rgba(214,173,54,.28),transparent 23%),linear-gradient(135deg,#072c5c,#0e5c9d)}.feature-visual.placeholder:before{content:"MADING\A DKM";white-space:pre;position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:rgba(255,255,255,.12);font-size:62px;line-height:.9;font-weight:900;letter-spacing:5px}.feature-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(3,22,49,.55))}.feature-category,.feature-pin{position:absolute;top:14px;font-size:8px;font-weight:900;letter-spacing:.8px;padding:5px 7px;border-radius:3px}.feature-category{left:14px;background:#fff;color:var(--navy)}.feature-pin{right:14px;background:var(--gold);color:#17233b}.feature-copy{padding:28px;display:flex;flex-direction:column;justify-content:center}.mading-date{font-size:9px;font-weight:800;color:var(--blue);letter-spacing:.4px}.feature-copy h3{font-size:27px;line-height:1.22;margin:8px 0 10px;color:var(--navy);letter-spacing:-.4px}.feature-copy p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.read-more{margin-top:18px;font-size:10px;font-weight:900;color:var(--blue)}.mading-latest{background:#fff;border:1px solid var(--line);border-top:4px solid var(--navy);box-shadow:var(--shadow2);padding:0 18px;border-radius:7px}.latest-head{height:46px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.latest-head strong{font-size:9px;letter-spacing:1px;color:var(--navy)}.latest-head span{font-size:8px;color:var(--muted)}.latest-item{display:grid;grid-template-columns:82px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.latest-item:last-child{border-bottom:0}.latest-thumb{height:76px;border-radius:4px;background-size:cover;background-position:center;background-color:#dfeaf5}.latest-thumb.placeholder{background:linear-gradient(135deg,#dfeaf5,#b9d2eb);position:relative}.latest-thumb.placeholder:after{content:"DKM";position:absolute;inset:0;display:grid;place-items:center;color:#6c90b4;font-weight:900;font-size:11px}.latest-item h3{font-size:13px;line-height:1.35;margin:6px 0 4px;color:var(--navy)}.latest-item small{font-size:8px;color:var(--muted)}.badge{display:inline-block;border-radius:3px;padding:4px 7px;font-size:8px;font-weight:900;letter-spacing:.5px}.badge-light{background:#f0f4f8;color:#52657a}.badge-blue{background:#eaf3fc;color:var(--blue)}.badge-gold{background:#fff3c8;color:#7b5a00}.mading-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.card{background:#fff;border:1px solid var(--line);border-radius:7px;padding:18px;box-shadow:var(--shadow2)}.bulletin-card{min-height:225px;display:flex;flex-direction:column;border-top:3px solid var(--gold);position:relative}.bulletin-card:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#b7c4d2;top:10px;right:10px;box-shadow:0 1px 2px rgba(0,0,0,.2)}.bulletin-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.bulletin-top>span:last-child{font-size:8px;color:var(--muted)}.bulletin-card h3{font-size:18px;line-height:1.35;color:var(--navy);margin:14px 0 8px}.bulletin-card p{font-size:12px;line-height:1.65;color:var(--muted);margin:0}.bulletin-link{margin-top:auto;padding-top:15px;border-top:1px solid var(--line);font-size:9px;font-weight:900;color:var(--blue)}.prayer-section{background:#fff}.prayer-dashboard{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.prayer-card{background:#fff;border:1px solid var(--line);border-top:5px solid var(--navy);border-radius:8px;overflow:hidden;box-shadow:var(--shadow2);padding:15px 14px 0;transition:.25s}.prayer-card.active{border-top-color:var(--gold);transform:translateY(-4px);box-shadow:0 18px 38px rgba(6,45,98,.14)}.prayer-card-head{display:flex;justify-content:space-between;color:#8796a9;font-size:7px;font-weight:900;letter-spacing:.8px}.prayer-name{font-size:15px;font-weight:900;color:var(--navy);margin-top:8px}.prayer-time{font-size:34px;font-weight:900;color:var(--blue);letter-spacing:-1.4px;margin:2px 0 12px}.prayer-imam{margin:0 -14px;background:#f7f9fc;border-top:1px solid var(--line);padding:10px 14px;display:flex;flex-direction:column;min-height:54px}.prayer-imam small{font-size:7px;font-weight:900;color:var(--muted);letter-spacing:.8px}.prayer-imam strong{font-size:10px;color:var(--navy);margin-top:2px;line-height:1.25}.official-note{display:flex;gap:10px;align-items:flex-start;margin-top:15px;background:#f7faff;border:1px solid var(--line);border-left:4px solid var(--blue);padding:10px 12px;font-size:10px;color:#526277}.official-note>span{width:18px;height:18px;display:grid;place-items:center;background:var(--blue);color:#fff;border-radius:50%;font-weight:900;font-size:10px;flex:0 0 18px}.imam-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.imam-card{background:#fff;border:1px solid var(--line);border-radius:7px;overflow:hidden;box-shadow:var(--shadow2)}.imam-prayer{background:var(--navy);color:#fff;padding:10px 12px;border-bottom:3px solid var(--gold);font-size:11px;font-weight:900}.imam-person{padding:11px 12px;border-bottom:1px solid var(--line);display:flex;flex-direction:column}.imam-person:last-child{border-bottom:0}.imam-person small{font-size:7px;color:var(--muted);font-weight:900;letter-spacing:.8px}.imam-person strong{font-size:11px;color:var(--navy);margin-top:2px}.friday-panel{display:grid;grid-template-columns:.95fr 1.05fr;background:#fff;border:1px solid var(--line);border-left:6px solid var(--gold);border-radius:7px;box-shadow:var(--shadow)}.friday-intro{padding:29px;background:linear-gradient(135deg,#fbfdff,#f1f6fb)}.friday-intro h3{margin:13px 0 6px;color:var(--navy);font-size:27px}.friday-intro p{margin:0;color:var(--muted);font-size:12px}.friday-list{display:grid;grid-template-columns:repeat(2,1fr);align-content:center;padding:18px 25px;gap:0 24px}.friday-list div{display:flex;flex-direction:column;padding:14px 0;border-bottom:1px solid var(--line)}.friday-list small{font-size:8px;font-weight:900;letter-spacing:1px;color:var(--muted)}.friday-list strong{font-size:13px;color:var(--navy)}.grid{display:grid;gap:16px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.agenda-card{display:flex;gap:14px}.agenda-date{width:52px;flex:0 0 52px;height:59px;border:1px solid var(--line);border-top:4px solid var(--blue);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:4px}.agenda-date span{font-size:20px;font-weight:900;line-height:1;color:var(--navy)}.agenda-date small{font-size:7px;font-weight:900;color:var(--muted)}.agenda-copy h3{font-size:15px;line-height:1.3;color:var(--navy);margin:0 0 5px}.agenda-copy p{font-size:11px;line-height:1.55;color:var(--muted);margin:0 0 9px}.agenda-meta{font-size:9px;font-weight:800;color:var(--blue)}.finance-section{background:linear-gradient(115deg,#041a39,#062d62 65%,#0a4c7f);color:#fff}.section-heading.light .section-index{background:var(--gold);color:#10203a;border-bottom-color:#fff}.section-heading.light .section-eyebrow{color:#f2d980}.section-heading.light h2{color:#fff}.section-heading.light p{color:#c8d7e7}.finance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.finance-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:7px;padding:21px;display:flex;flex-direction:column}.finance-card small{font-size:8px;font-weight:900;letter-spacing:1px;color:#c9d8e8}.finance-card strong{font-size:25px;color:#fff;margin:7px 0}.finance-card span{font-size:10px;color:#b9cadd}.finance-card.highlight{background:var(--gold);border-color:var(--gold)}.finance-card.highlight small,.finance-card.highlight strong,.finance-card.highlight span{color:#172338}.committee-card{text-align:center;padding:22px 15px}.avatar{width:62px;height:62px;border-radius:50%;margin:0 auto 11px;display:grid;place-items:center;background:linear-gradient(145deg,var(--navy),var(--blue));border:3px solid var(--gold);color:#fff;font-size:19px;font-weight:900}.committee-position{display:block;font-size:8px;font-weight:900;letter-spacing:.7px;color:var(--blue);text-transform:uppercase}.committee-card>strong{display:block;font-size:13px;color:var(--navy);margin-top:4px}.committee-card>small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.gallery-item{margin:0;background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden;box-shadow:var(--shadow2)}.gallery-item img{display:block;width:100%;height:170px;object-fit:cover}.gallery-item figcaption{display:flex;flex-direction:column;padding:11px 12px}.gallery-item strong{font-size:11px;color:var(--navy)}.gallery-item small{font-size:8px;color:var(--muted);margin-top:2px}.empty-state{display:flex;gap:14px;align-items:center;background:#fff;border:1px dashed #bdc8d5;border-radius:6px;padding:20px;color:var(--muted)}.empty-state>span{width:42px;height:42px;border-radius:4px;background:#edf3f9;color:var(--navy);display:grid;place-items:center;font-size:10px;font-weight:900}.empty-state div{display:flex;flex-direction:column}.empty-state strong{font-size:12px;color:var(--navy)}.empty-state small{font-size:10px}.footer{background:#031a39;color:#c6d4e4;border-top:5px solid var(--gold)}.footer-grid{display:grid;grid-template-columns:1.5fr .65fr .65fr;gap:42px;padding-top:36px;padding-bottom:34px}.footer-brand{display:flex;gap:14px;align-items:flex-start}.footer-emblem{width:54px;height:54px;display:grid;place-items:center;border:2px solid var(--gold);border-radius:50%;font-weight:900;color:#fff;font-size:12px}.footer h3{margin:0 0 7px;color:#fff;font-size:16px}.footer p{font-size:11px;line-height:1.6;margin:0;color:#aebed1}.footer-col{display:flex;flex-direction:column;gap:6px}.footer-col h4{font-size:10px;color:#fff;letter-spacing:.8px;margin:0 0 5px}.footer-col a,.footer-col span{font-size:10px;color:#aebed1}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);background:#02142c}.footer-bottom .container{min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:9px;color:#8fa4ba}
/* article */.article-page{background:#f5f7fa}.article-header{background:linear-gradient(120deg,#041b3d,#073468);color:#fff;padding:40px 0}.article-breadcrumb{font-size:9px;color:#b8cadc;margin-bottom:12px}.article-header h1{font-size:36px;line-height:1.17;max-width:900px;margin:8px 0 12px}.article-meta{font-size:10px;color:#c5d5e6}.article-layout{display:grid;grid-template-columns:1fr 300px;gap:24px;padding-top:28px;padding-bottom:45px}.article-content{background:#fff;border:1px solid var(--line);border-radius:7px;overflow:hidden;box-shadow:var(--shadow2)}.article-cover{width:100%;max-height:480px;object-fit:cover;display:block}.article-body{padding:30px}.article-body p{font-size:14px;line-height:1.85;color:#3d4d62}.article-body h2,.article-body h3{color:var(--navy)}.article-sidebar .side-card{background:#fff;border:1px solid var(--line);border-radius:7px;padding:17px;margin-bottom:14px}.side-card h3{font-size:12px;color:var(--navy);margin:0 0 12px}.side-list a{display:block;padding:9px 0;border-bottom:1px solid var(--line);font-size:10px;font-weight:700;color:#40546b}.side-list a:last-child{border-bottom:0}.back-link{display:inline-flex;margin-top:10px;font-size:10px;font-weight:900;color:var(--blue)}
@media(max-width:1050px){.institution-contact{display:none}.nav-links a{padding:0 8px}.display-link{display:none}.hero-grid{grid-template-columns:1fr}.mading-board{grid-template-columns:1fr}.mading-feature{grid-template-columns:1fr 1fr}.prayer-dashboard,.imam-strip{grid-template-columns:repeat(3,1fr)}.quick-grid{grid-template-columns:repeat(2,1fr)}.quick-card:nth-child(odd){border-left:1px solid var(--line)}.grid-4{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.2fr .8fr}.footer-col:last-child{grid-column:1/-1}.article-layout{grid-template-columns:1fr 260px}.prayer-ticker{grid-template-columns:auto 1fr}.ticker-countdown{grid-column:1/-1;height:28px;min-width:0}.prayer-ticker{height:72px}}
@media(max-width:850px){.main-nav{height:52px}.nav-inner{position:relative}.menu-toggle{display:flex;align-items:center;gap:7px}.nav-links{display:none;position:absolute;left:0;right:0;top:52px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;max-height:72vh;overflow:auto;z-index:70}.nav-links.open{display:flex}.nav-links a{padding:12px 14px;border-bottom:1px solid var(--line)}.nav-links a:after{display:none}.admin-link{margin-left:auto}.mading-grid{grid-template-columns:repeat(2,1fr)}.friday-panel{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr}.article-sidebar{display:none}}
@media(max-width:640px){.container{width:min(100% - 22px,1180px)}.gov-strip-right{display:none}.institution-inner{min-height:88px}.institution-emblem{width:56px;height:56px;flex-basis:56px;outline-width:3px}.institution-emblem span{font-size:14px}.institution-copy strong{font-size:18px}.institution-copy small{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.ticker-label{padding:0 10px}.ticker-label strong{font-size:8px}.ticker-item{font-size:10px;padding:0 10px}.ticker-item em{font-size:9px}.notice-label{padding:0 10px}.hero{padding:35px 0}.hero h1{font-size:31px}.hero p{font-size:13px}.service-panel{padding:17px}.clock{font-size:44px}.quick-grid{grid-template-columns:1fr}.quick-card{border-left:1px solid var(--line)!important;border-bottom:1px solid var(--line)}.section{padding:38px 0}.section-heading h2{font-size:23px}.section-chip{display:none}.mading-feature{grid-template-columns:1fr}.feature-visual{min-height:230px}.feature-copy{padding:21px}.feature-copy h3{font-size:23px}.mading-grid,.prayer-dashboard,.imam-strip,.grid-4,.grid-3,.finance-grid,.gallery-grid{grid-template-columns:1fr}.latest-item{grid-template-columns:72px 1fr}.friday-list{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:24px}.footer-col:last-child{grid-column:auto}.footer-bottom .container{flex-direction:column;justify-content:center;align-items:flex-start;padding:10px 0}.article-header h1{font-size:28px}.article-body{padding:20px}.article-body p{font-size:13px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.ticker-track,.notice-track,.pulse{animation:none}}

/* v5.2 - logo dinamis & slider banner */
.institution-logo{width:68px;height:68px;flex:0 0 68px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:6px;box-shadow:0 7px 22px rgba(6,45,98,.12)}.institution-logo img{max-width:100%;max-height:100%;object-fit:contain}.footer-logo{width:54px;height:54px;flex:0 0 54px;display:grid;place-items:center;background:#fff;border-radius:8px;padding:5px}.footer-logo img{max-width:100%;max-height:100%;object-fit:contain}
.hero-slider{position:relative;background:#041b3d;overflow:hidden}.slider-shell{position:relative;min-height:520px}.slider-track{position:relative;min-height:520px}.hero-slide{position:absolute;inset:0;min-height:520px;background-size:cover;background-position:center;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s ease}.hero-slide.active{opacity:1;visibility:visible;z-index:2}.hero-slide.no-image{background:radial-gradient(circle at 78% 28%,rgba(25,112,193,.35),transparent 30%),linear-gradient(120deg,#041b3d,#072f64 58%,#084b82)}.slide-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,18,40,.94) 0%,rgba(4,35,73,.82) 42%,rgba(4,31,66,.35) 72%,rgba(3,20,44,.38) 100%)}.slide-content{position:relative;z-index:2;min-height:520px;display:grid;grid-template-columns:1.25fr .58fr;gap:42px;align-items:center}.slide-copy{max-width:720px;color:#fff}.slide-copy h1{font-size:46px;line-height:1.09;margin:16px 0 13px;letter-spacing:-1.2px;text-shadow:0 2px 18px rgba(0,0,0,.24)}.slide-copy p{font-size:15px;line-height:1.72;color:#d2e0ee;max-width:680px;margin:0;text-shadow:0 1px 10px rgba(0,0,0,.18)}.slider-service-panel{background:rgba(255,255,255,.96);backdrop-filter:blur(7px)}.slider-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:42px;height:42px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:rgba(3,26,57,.72);color:#fff;font-size:28px;line-height:1;cursor:pointer}.slider-arrow:hover{background:var(--gold);color:#142038}.slider-arrow.prev{left:18px}.slider-arrow.next{right:18px}.slider-dots{position:absolute;z-index:5;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:8px}.slider-dot{width:9px;height:9px;border:0;border-radius:50%;background:rgba(255,255,255,.5);padding:0;cursor:pointer;box-shadow:0 0 0 1px rgba(0,0,0,.1)}.slider-dot.active{width:28px;border-radius:8px;background:var(--gold)}
@media(max-width:1050px){.slide-content{grid-template-columns:1fr}.slider-service-panel{display:none}.slider-shell,.slider-track,.hero-slide,.slide-content{min-height:480px}.slide-copy{max-width:780px;padding-right:35px}}
@media(max-width:640px){.institution-logo{width:56px;height:56px;flex-basis:56px}.slider-shell,.slider-track,.hero-slide,.slide-content{min-height:430px}.slide-copy h1{font-size:32px}.slide-copy p{font-size:13px}.slide-content{padding-top:30px;padding-bottom:45px}.slider-arrow{width:34px;height:34px;font-size:22px}.slider-arrow.prev{left:8px}.slider-arrow.next{right:8px}.slider-dots{bottom:12px}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}}