.expanded{max-width:1200px;margin:auto;padding:30px 24px 120px}.expanded h1{font-size:clamp(27px,4vw,42px);margin:20px 0}.expanded-footer{padding:40px 5%;background:var(--surface,#f4f1e9);border-top:1px solid #dedfd8}.footer-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:24px}.form-panel{max-width:620px;margin:24px auto;padding:32px;border:1px solid #dce3de;border-radius:24px;background:#fff}.form-panel form,.form-panel label,.search-form label{display:grid;gap:12px}.form-panel label{margin-bottom:20px}.form-panel input,.form-panel select,.search-form input,.editor-input{font:inherit;padding:13px;border:1px solid #cfd9d4;border-radius:12px;width:100%;box-sizing:border-box;background:#fff}.form-panel .check-label{display:flex;align-items:center}.check-label input{width:auto}.search-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:24px 0}.search-form input{flex:1;min-width:160px}.reciter-grid,.post-grid,.track-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.reciter-card,.post-card,.track-card{background:#fff;border:1px solid #dbe3df;border-radius:20px;padding:24px}.reciter-card h2{font-size:20px}.reciter-card p,.track-card p{font-size:14px;color:#52656b}.reciter-symbol{display:inline-grid;place-items:center;font-size:32px;width:64px;height:64px;background:#eaf4ef;border-radius:50%;color:#256254}.track-card{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.track-card>div{flex:1;min-width:120px}.track-card h3{font-size:19px}.track-favorite[aria-pressed=true]{color:#ad4872}.surah-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.surah-link{padding:16px;background:white;border:1px solid #dbe3df;border-radius:14px;display:flex;gap:12px}.surah-link span{color:#56816e}.library-tabs{overflow:auto;white-space:nowrap}.library-dock{position:fixed;bottom:0;left:0;right:0;background:#153f4b;color:#fff;z-index:50;padding:15px 5%;display:flex;align-items:center;gap:18px;box-shadow:0 -3px 20px #163e4a22}.library-dock[hidden]{display:none}.library-dock>div{display:grid;gap:6px;flex:1}.library-dock audio{max-width:100%;width:400px}.article-body{max-width:780px;margin:30px auto;line-height:2.1}.article-body p{margin:22px 0}.article-lead{font-size:21px}.article-body time{font-size:13px;color:#657778}.dhikr-card[role=button]{cursor:pointer;touch-action:manipulation;outline-offset:5px}.dhikr-card[role=button]:focus-visible{outline:3px solid #277b73}.dhikr-card .card-controls{display:flex;gap:16px;align-items:center}.dhikr-card .reference,.dhikr-card a{cursor:auto}.dhikr-text{white-space:pre-line}.radio-live-box{padding:24px;background:#edf4ef;border-radius:22px;text-align:center}.home-extras{margin:50px 0}.compact-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.compact-service-grid a{background:white;padding:24px;border-radius:18px;border:1px solid #dfe5df}.newsletter-home{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;background:#eaf1ee;padding:32px;border-radius:24px;margin:36px 0}.admin-grid{display:grid;gap:24px}.admin-grid textarea{min-height:200px}.dark .form-panel,.dark .reciter-card,.dark .post-card,.dark .track-card,.dark .surah-link{background:#1d3438;color:#eee}@media(max-width:800px){.reciter-grid,.post-grid,.track-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.surah-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-service-grid{grid-template-columns:repeat(2,1fr)}.library-dock{flex-wrap:wrap;padding:12px 16px}.library-dock audio{width:100%;height:40px}.header{flex-wrap:wrap;gap:12px}.header nav{order:3;width:100%;overflow:auto;justify-content:flex-start;padding-bottom:8px;white-space:nowrap}.expanded{padding:20px 16px 170px}}@media(max-width:500px){.reciter-grid,.post-grid,.track-grid{grid-template-columns:1fr}.form-panel{padding:22px 18px}.surah-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dhikr-card{padding:24px 18px}.dhikr-text{font-size:var(--reading-size,26px);line-height:1.9}.library-dock>div{min-width:65%}.expanded h1{line-height:1.6}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.ad-placeholder{min-height:120px;display:grid;place-items:center;border:1px dashed #d6ddd6;border-radius:18px;color:#71827c;background:#f8faf766}.dark .ad-placeholder{background:transparent}#live-audio{width:min(100%,420px);margin:20px auto;display:block}

.reader-bottom[hidden]{display:none}footer{flex-wrap:wrap}footer>.footer-links{flex-basis:100%}@media(max-width:800px){.header{height:auto;min-height:108px;padding-top:20px;padding-bottom:20px}}

/* Original transparent logo, cropped visually and tinted with the surrounding text color. */
.brand-mark{display:inline-block;flex:none;width:48px;aspect-ratio:7/10;background-color:currentColor;-webkit-mask-image:url("/assets/Logos/Log.png");mask-image:url("/assets/Logos/Log.png");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:294.335% 154.483%;mask-size:294.335% 154.483%;-webkit-mask-position:50.444% 47.468%;mask-position:50.444% 47.468%;vertical-align:middle}
.brand{flex-direction:row;align-items:center;gap:12px;min-width:132px;flex-shrink:0}
.brand .brand-mark{margin:0;letter-spacing:normal}
.brand .brand-copy{display:flex;flex-direction:column;gap:7px;margin:0;font:600 34px/1.15 "Noto Naskh Arabic",serif;letter-spacing:normal}
.brand-tagline{display:block;font:10px/1.6 "Playpen Sans Arabic",sans-serif;white-space:nowrap;color:var(--muted)}
footer .brand-mark{width:40px}
footer .brand-copy{font-size:30px}
.radio-ornament .brand-mark{width:84px;margin:22px auto 12px;color:#b7c9af}
@media(max-width:700px){.brand{min-width:112px;gap:9px}.brand .brand-mark{width:38px}.brand .brand-copy{font-size:30px}.brand-tagline{font-size:9px}footer .brand-mark{width:36px}.radio-ornament .brand-mark{width:72px}}
@media(forced-colors:active){.brand-mark{background-color:CanvasText}}


.skip-link{position:fixed;top:10px;right:20px;transform:translateY(-180%);z-index:1000;background:var(--ink);color:var(--paper);padding:10px 20px;border-radius:8px}.skip-link:focus{transform:translateY(0)}.ad-slot{margin:32px auto;max-width:100%;clear:both}.ad-label{font:11px/1.5 Tahoma,Arial,sans-serif;letter-spacing:0;color:var(--muted)}.ad-placeholder{min-height:150px;background:var(--soft);border:1px dashed var(--line)}.home-family-note{margin:12px 0 28px;max-width:720px}.radio-live-box{background:var(--soft)}.dark .radio-live-box{color:var(--ink)}@media(max-width:700px){.ad-placeholder{min-height:180px;margin:24px 0}}

.haptics-setting{display:flex;justify-content:flex-end;margin-bottom:16px}.haptics-toggle{font:inherit;font-size:12px;line-height:1.6;padding:7px 12px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink)}.haptics-toggle[aria-pressed="true"]{background:var(--soft);border-color:var(--green);color:var(--green)}.haptics-toggle:disabled{opacity:.65}