/* A bolder, mobile-first visual direction, with the established Naskh typeface. */
:root{--paper:#f4f6f0;--green:#164536;--deep:#102f26;--accent:#d5f578;--ink:#1b3028;--muted:#53685c;--line:#d7e0d5;--surface:#fff;--soft:#e9eee4}html{color-scheme:light}body{background:var(--paper)}.utility{padding:4px 0}.masthead{gap:18px}.theme-toggle{display:flex;align-items:center;gap:7px;min-height:44px;padding:7px 12px;background:var(--surface);border:1px solid var(--line);border-radius:24px;color:var(--ink);font-size:14px;flex-shrink:0}.theme-toggle>span:first-child{font-size:22px;line-height:1}.site-search{margin-inline-start:auto}.youth-cover{background:#123b2d;border:1px solid #254f39;border-radius:24px;padding:28px;gap:30px;color:white;grid-template-columns:.9fr 1.1fr;margin-top:22px}.youth-cover .cover-copy{padding:12px 8px}.youth-cover .story-label{display:inline-flex;background:#254d39;color:#e4f7be;padding:5px 13px;border:1px solid #517149;border-radius:24px;font-size:14px}.youth-cover h1{font-size:clamp(37px,4.2vw,57px);line-height:1.55;margin:20px 0 16px;letter-spacing:-1px}.youth-cover h1 em{color:var(--accent)}.youth-cover .cover-copy p{font-size:18px;color:#d5e0d4;line-height:1.95;max-width:390px}.youth-cover .btn{background:var(--accent);color:#1b3524;border-radius:24px;font-size:16px;padding:11px 23px}.youth-cover .quiet-link{color:white;font-size:16px}.youth-cover .cover-foot{border-color:#ffffff30;gap:16px;padding-top:20px}.youth-cover .cover-foot a{color:#e4efdf;font-size:14px;min-height:44px;display:inline-flex;align-items:center}.visual-stack{min-width:0}.youth-cover .cover-photo{border-radius:17px;aspect-ratio:1.5}.youth-cover .photo-caption{bottom:19px;right:20px;left:20px}.youth-cover .photo-caption strong{font-size:22px}.visual-picks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.visual-picks>a{display:flex;align-items:center;justify-content:space-between;gap:8px;border-radius:14px;padding:15px;background:#d5f578;color:#1c3726;min-width:0;overflow:hidden}.visual-picks>a:nth-child(2){background:#d9d0f3;color:#32234d}.visual-picks img{width:55px;height:83px;object-fit:contain;transform:rotate(-5deg);flex-shrink:0;filter:drop-shadow(3px 4px 3px #172d2027)}.visual-picks small{display:block;font-size:12px}.visual-picks strong{display:block;font-size:16px;line-height:1.8}.pick-arrow{display:block;font:18px Arial;margin-top:5px}.browse-sections{border-radius:18px}.daily-access{border-radius:18px;background:#e7eddf}.daily-links a{border-radius:14px}.reading-card{border-radius:20px}.book-stage{height:260px}.stage-0{background:#dfe9cf}.stage-1{background:#e8ddf2}.stage-2{background:#d9e9e5}.format-badge{background:#ffffffed;font-size:13px;padding:4px 12px}.reading-copy{padding:22px}.reading-copy h3{font-size:23px}.reading-copy p{font-size:15px}.reading-filters button{border-radius:24px;font-size:15px;min-width:73px}.reading-filters button[aria-pressed="true"]{background:var(--deep);color:var(--accent)}.section-heading h2{font-size:30px}.news-item h3{font-size:18px}.news-number{color:#496a49}.khutba-section{border-radius:22px;background:#192f27}.khutba-intro h2{font-size:39px}.khutba-intro .btn{border-radius:24px;background:var(--accent);color:#183626;font-size:15px}.radio-band{border-radius:20px;background:#e9e1f1;border-color:#d9cce5}.radio-stations a{border-radius:15px;background:#faf6fe;border-color:#d6c7e3}.radio-symbol{background:#393050;color:#e9d9ff}.media-photo{border-radius:19px}.media-label{font-size:14px}.media-card h3{font-size:24px}.resource-gallery{border-radius:21px}.resource-gallery-grid{gap:14px}.resource-card{border-radius:14px}.homepage-help{gap:35px}.help-questions summary{font-size:18px}.help-questions p{font-size:15px}.site-directory{margin:35px 0 20px;border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:10px 20px}.site-directory>summary{cursor:pointer;min-height:44px;padding:9px 0;font-size:18px;font-weight:700}.site-directory .useful-sites{border-top:1px solid var(--line);margin:12px 0;padding-top:22px}.site-directory .useful-sites-grid a{border-radius:12px}.mobile-dock{display:none}.component-area,.home-slot{color:var(--ink)}
html[data-theme="dark"]{color-scheme:dark;--paper:#101a15;--ink:#e6eee4;--muted:#b8c8b8;--line:#35493a;--surface:#19271e;--soft:#223327;--green:#b6d98d;--deep:#101f17}html[data-theme="dark"] .navigation,html[data-theme="dark"] .navigation li>ul{background:var(--surface)}html[data-theme="dark"] .navigation.js li>ul{border-color:var(--line)}html[data-theme="dark"] .search-row input{background:#19271e;color:var(--ink);border-color:var(--line)}html[data-theme="dark"] .search-row button,html[data-theme="dark"] .reader-tools button,html[data-theme="dark"] .reader-tools a{background:#c9ea8c;color:#17291c;border-color:#c9ea8c}html[data-theme="dark"] :is(.browse-sections,.reading-card,.panel,.topic-browser a,.reading-filters button,.useful-sites-grid a){background:var(--surface);color:var(--ink);border-color:var(--line)}html[data-theme="dark"] :is(.daily-access,.resource-gallery){background:#1e3021;border-color:var(--line)}html[data-theme="dark"] .daily-links a{background:#17261b;border-color:var(--line)}html[data-theme="dark"] .radio-band{background:#30273a;border-color:#4c4059}html[data-theme="dark"] .radio-stations a{background:#221d2b;border-color:#51425f}html[data-theme="dark"] .radio-stations strong,html[data-theme="dark"] .radio-stations a>span:last-child{color:#e3d1fa}html[data-theme="dark"] .kicker{color:#b6cf9b}html[data-theme="dark"] .tag{color:#e1c58c}html[data-theme="dark"] .news-number{color:#b6cf9b}html[data-theme="dark"] .reading-filters button[aria-pressed="true"]{background:#c9ea8c;color:#152619}html[data-theme="dark"] .cover-copy,html[data-theme="dark"] .khutba-section{color:white}html[data-theme="dark"] .brand-logo{background:#214a34}html[data-theme="dark"] .reader-status{color:var(--muted)}html[data-theme="dark"] .demo-label{background:#332d1d;color:#f2ddb2;border-color:#766439}html[data-theme="dark"] .preview-disclosure{color:var(--muted)}
@media(max-width:1000px){.masthead{flex-wrap:wrap}.site-search{max-width:400px}.youth-cover{padding:23px;gap:22px}.youth-cover h1{font-size:40px}.visual-picks>a{padding:12px}.visual-picks img{width:43px;height:73px}.visual-picks strong{font-size:15px}}
@media(max-width:700px){body{padding-bottom:calc(82px + env(safe-area-inset-bottom))}.masthead{position:relative;gap:12px}.brand-logo{width:195px}.theme-toggle{margin-inline-start:auto;font-size:13px;padding:5px 10px}.site-search{order:3;width:100%;max-width:none;margin:0}.youth-cover{border-radius:20px;padding:20px;gap:21px}.youth-cover h1{font-size:43px;line-height:1.5;margin:17px 0 13px}.youth-cover .cover-copy p{font-size:17px}.youth-cover .story-label{font-size:12px}.youth-cover .cover-foot{gap:12px;margin-top:17px;padding-top:12px}.youth-cover .cover-foot a{font-size:13px}.youth-cover .cover-photo{aspect-ratio:1.3}.youth-cover .photo-caption strong{font-size:20px}.visual-picks{gap:9px}.visual-picks>a{padding:12px 10px}.visual-picks img{height:75px;width:45px}.visual-picks strong{font-size:15px}.visual-picks small{font-size:11px}.section-heading h2{font-size:25px}.reading-card{border-radius:17px;grid-template-columns:125px 1fr}.book-stage{height:auto;min-height:220px}.reading-copy{padding:19px 15px}.reading-copy h3{font-size:21px}.reading-copy p{font-size:14px}.reading-filters button{font-size:15px;min-width:65px}.khutba-intro h2{font-size:34px}.news-item h3{font-size:18px}.media-card h3{font-size:22px}.mobile-dock{position:fixed;bottom:0;left:0;right:0;z-index:50;background:var(--surface);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:9px 8px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -5px 20px #0b25100d}.mobile-dock a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;min-height:55px;color:var(--ink);font-size:13px;border-radius:12px}.mobile-dock a:first-child{background:var(--soft);color:var(--green)}.mobile-dock a:hover{background:var(--soft);text-decoration:none}.mobile-dock a:focus-visible{outline-offset:-3px}.site-directory{padding-inline:15px}.site-directory>summary{font-size:17px}footer{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){.visual-picks img{transform:none}}
@media print{.theme-toggle,.mobile-dock,.site-directory{display:none!important}body{padding-bottom:0!important}html[data-theme="dark"]{--paper:white;--ink:black;--muted:#333;color-scheme:light}}