/* /ar/style.css */
:root{font-family:'Noto Naskh Arabic',Tahoma,serif;color:#173c3a;background:#f8f6ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-size:19px;line-height:1.75}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;padding:13px max(20px,calc((100vw - 1160px)/2));background:#123e43;color:#fff}.brand{font-weight:700;font-size:1.32rem}.top nav{display:flex;gap:24px;flex-wrap:wrap}.top a:hover{text-decoration:underline}.language{display:flex;align-items:center;gap:8px;font-size:.9rem}.language select{border:1px solid #b6d2ca;border-radius:10px;padding:7px 12px;color:#123e43;background:#fff;cursor:pointer}.hero,.collection,.downloads,.shortcuts,.closing{max-width:1160px;margin:auto}.hero{padding:70px 20px 55px;display:grid;grid-template-columns:1.15fr .85fr;gap:45px;align-items:center}.kicker,.heading span{font-size:.88rem;font-weight:700;color:#9d7437}.hero h1{font:700 clamp(2.8rem,6vw,5rem)/1.25 Amiri,serif;margin:10px 0;color:#113f41}.hero p{font-size:1.18rem;max-width:600px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-actions a,.closing a{background:#17675d;color:white;border-radius:12px;padding:10px 22px;font-weight:700}.hero-actions a:nth-child(2){background:#e6eee9;color:#17544e}.verse{min-height:300px;background:#e7ede1;border:1px solid #cdd8c8;border-radius:26px;padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-shadow:0 15px 40px #294c3a16}.verse span{font:700 clamp(1.8rem,3vw,2.8rem)/1.85 Amiri,serif}.verse small{margin-top:18px;color:#5b6e63}.shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:0 20px 60px}.shortcuts a{background:white;border:1px solid #e1e7df;border-radius:15px;padding:18px 22px;font-weight:700;display:flex;justify-content:space-between}.shortcuts a:hover,.book-list a:hover{border-color:#58a494;box-shadow:0 8px 25px #123e4315}.collection{padding:45px 20px 90px}.heading{max-width:680px}.heading h2{font:700 2.75rem/1.3 Amiri,serif;margin:3px 0}.heading p{color:#4b6863;margin-top:0}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:30px 0 18px;background:#eaf0e9;padding:18px;border-radius:16px}.toolbar label{font-weight:700}.toolbar input,.toolbar select{border:1px solid #aec6bc;border-radius:10px;padding:8px 13px;background:white;min-width:185px}.toolbar input{flex:1}.toolbar button,.pager button,.save{border:1px solid #a6c7b9;border-radius:10px;background:white;color:#165d55;padding:7px 13px;cursor:pointer;font-weight:700}.toolbar button:hover,.pager button:hover,.save:hover,.pager button[aria-current=page]{background:#17675d;color:white}.pager button:disabled{opacity:.45;cursor:default}.result{color:#4c6560;font-weight:700}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{background:#fff;border:1px solid #dce5d9;border-radius:18px;padding:24px 25px;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 20px #204d3610}.card .meta{font-size:.8rem;color:#7d623a;font-weight:700}.card .text{font:600 clamp(1.45rem,2.2vw,1.8rem)/1.9 'Noto Naskh Arabic',Amiri,serif;white-space:pre-wrap;overflow-wrap:anywhere;margin:3px 0}.card .note{font-size:.9rem;color:#566c64}.save{margin-top:auto;align-self:flex-start}.pager{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:22px 0}.pager .numbers{display:flex;flex-wrap:wrap;max-height:120px;overflow:auto;gap:5px;justify-content:center}.pager .numbers button{font:700 .85rem Tahoma,sans-serif}.downloads{padding:65px 20px 90px;border-top:1px solid #dce5d9}.book-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.book-list a{border:1px solid #dce5d9;background:#fff;border-radius:13px;padding:15px 18px;font-weight:700}.book-list small{display:block;color:#687d73;font-weight:400}.all-downloads{display:inline-block;color:#14665e;font-weight:700}.closing{text-align:center;background:#e5eee6;border-radius:22px;padding:35px 20px 45px;margin-bottom:65px}.closing p{font:700 2.3rem Amiri,serif;margin:0}.closing span{display:block;margin-bottom:20px}footer{background:#123e43;color:white;padding:30px max(20px,calc((100vw - 1160px)/2));display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}@media(max-width:750px){.hero{grid-template-columns:1fr;padding-top:35px}.verse{min-height:180px}.shortcuts,.cards,.book-list{grid-template-columns:1fr}.top nav{order:3;width:100%;gap:15px}.toolbar{align-items:stretch}.toolbar input,.toolbar select{width:100%}.card{padding:19px}}
.ar-stats{max-width:1160px;margin:0 auto 32px;padding:6px 20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.ar-stats>a,.ar-stats>div{min-height:165px;border-radius:999px;background:linear-gradient(145deg,#fffdf7,#e4efe5);border:2px solid #c6d8ca;box-shadow:0 8px 28px #204d3612;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px}.ar-stats strong{font:700 clamp(1.8rem,3.5vw,2.9rem) Amiri,serif;line-height:1.2;color:#145950}.ar-stats span{font-weight:700;color:#41615a}.section-intro{margin-top:32px}.section-intro h3{font:700 2rem Amiri,serif;margin:0}.section-intro p{color:#526a63;margin:0 0 20px}.section-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.section-choice{min-height:116px;display:grid;grid-template-columns:48px 1fr;grid-template-rows:1fr auto;align-items:center;gap:2px 10px;border:1px solid #d5e1d7;border-radius:16px;background:#fff;color:#214d49;text-align:right;padding:13px;cursor:pointer;box-shadow:0 3px 13px #204d360d}.section-choice:hover,.section-choice:focus-visible,.section-choice[aria-pressed=true]{background:#e4efe8;border-color:#398677;outline:none}.choice-number{grid-row:1/3;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#e8f3ed;color:#11685b;font:700 1.25rem Amiri,serif}.section-choice strong{font:700 1.13rem/1.4 'Noto Naskh Arabic',serif}.section-choice small{font:.86rem Tahoma,sans-serif;color:#638078}.show-all{display:block;margin:18px auto 6px;background:#17675d;color:#fff;border:0;border-radius:12px;padding:10px 20px;font:700 1rem 'Noto Naskh Arabic',serif;cursor:pointer}.show-all:hover,.show-all[aria-pressed=true]{background:#0e4d47}.card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.card-actions button{margin:0;border:1px solid #a7c6b5;border-radius:10px;background:#e9f3ec;color:#13574e;padding:8px 12px;font:700 .92rem 'Noto Naskh Arabic',Tahoma,sans-serif;cursor:pointer}.card-actions button:hover,.card-actions button:focus-visible{background:#cce4d5;outline:2px solid #408c79}.excerpt-note{font-size:.82rem;color:#785d32;background:#fff6dd;border-radius:8px;padding:6px 9px}.card .text{max-height:none;overflow:visible;font-size:clamp(1.6rem,2.3vw,2rem);line-height:1.95}.ar-application{max-width:1160px;margin:0 auto 55px;padding:35px 45px;border-radius:25px;background:#173f44;color:white;display:flex;justify-content:space-between;align-items:center;gap:25px}.ar-application h2{font:700 2.5rem Amiri,serif;margin:0}.ar-application p{max-width:640px}.ar-application button{border:0;border-radius:10px;padding:10px 18px;background:#ead7aa;color:#23433d;font:700 1rem 'Noto Naskh Arabic',serif;cursor:pointer}.ar-application #installHelp{font-size:.88rem;color:#d5e6e2}.app-mark{border:2px solid #cfb883;border-radius:30px;width:150px;height:150px;flex:none;display:grid;place-items:center;font:700 5rem Amiri,serif;color:#ecd7a3}.ar-contact{max-width:1160px;margin:0 auto 55px;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.ar-contact article{background:#fff;border:1px solid #dae6d9;border-radius:20px;padding:28px}.ar-contact h2{font:700 2rem Amiri,serif;margin:0}.ar-contact p{color:#506d62}.ar-contact a{display:inline-block;background:#e5f0e8;color:#175e54;border-radius:10px;padding:8px 15px;font-weight:700}.ar-contact small{display:block;margin-top:9px;color:#567267}@media(max-width:850px){.section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ar-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ar-stats>a,.ar-stats>div{min-height:145px}.ar-contact{grid-template-columns:1fr}}@media(max-width:600px){.section-grid{grid-template-columns:1fr 1fr;gap:9px}.section-choice{grid-template-columns:1fr;grid-template-rows:auto auto auto;padding:12px;min-height:120px;text-align:center}.choice-number{grid-row:auto;margin:auto}.ar-application{margin:0 14px 40px;padding:25px}.app-mark{display:none}.ar-stats{gap:9px}.ar-stats>a,.ar-stats>div{min-height:120px;padding:10px}.card-actions button{flex:1 1 calc(50% - 8px)}}
/* Arabic companion to the English editorial homepage */
:root{color:#eee9da;background:#171b36}body{background:linear-gradient(155deg,#1c2246 0,#302e5a 680px,#f5f1e9 1100px);color:#213d3e}.top,footer{background:#171b36;color:#f6eecf}.top{position:sticky;top:0;z-index:20;border-bottom:1px solid #bda77966}.top nav a:last-child{color:#f3d99c}.hero{max-width:1160px;min-height:520px;color:#fff7e9}.hero h1{color:#fff7e9}.hero p{color:#e6dfda}.hero .kicker{color:#e9ce8d}.verse{background:linear-gradient(145deg,#35375f,#535176);border:1px solid #d8bc82;color:#fff8e8;box-shadow:0 25px 60px #0f143250}.verse small{color:#efdbb5}.hero-actions a{background:#d8ba78;color:#1c2942}.hero-actions a:nth-child(2){background:transparent;color:#f4dfa9;border:1px solid #d7be86}.home-layout{background:linear-gradient(#fff0 0,#fff0 500px,#f5f1e9 501px,#f5f1e9 100%)}.quick-finder,.daily-feature,.share-section{max-width:1160px;margin:0 auto;padding:62px 20px}.quick-finder{padding-top:55px}.shortcuts{padding:15px 0 0;grid-template-columns:repeat(3,1fr)}.shortcuts a,.book-list a{background:#fffdf7;border:1px solid #d5c6a6;box-shadow:0 10px 25px #2824450c}.shortcuts a:hover,.book-list a:hover{background:#f7eecf;border-color:#a68450}.heading span{color:#87623e}.heading h2,.section-intro h3{color:#253b43}.daily-feature{padding-top:30px}.featured-card{padding:38px;border-radius:24px;background:linear-gradient(135deg,#343158,#535074);border:2px solid #d1b477;box-shadow:0 14px 40px #302b4830;text-align:center}.featured-ar{font:700 clamp(2rem,4.1vw,3.45rem)/1.95 'Noto Naskh Arabic',Amiri,serif;color:#fff8ed;max-width:820px;margin:0 auto 22px}.featured-card a{display:inline-block;margin:4px;border:1px solid #d2b676;border-radius:10px;padding:5px 16px;color:#f7dc9f;font-weight:700}.ar-application{margin:45px auto;background:linear-gradient(125deg,#183e48,#2d5360);border:1px solid #d0b47b}.downloads{border:0;padding-top:70px}.book-list{grid-template-columns:repeat(3,minmax(0,1fr))}.book-list a{min-height:112px}.collection{padding-top:70px}.ar-stats{margin:30px 0;padding:0}.ar-stats>a,.ar-stats>div{background:linear-gradient(145deg,#fffdf7,#e9e6dc);border-color:#d6b974}.section-choice{border-color:#d9caa9;background:#fffdf7}.section-choice:hover,.section-choice[aria-pressed=true]{background:#f4e9d0;border-color:#b08a4f}.toolbar{background:#eae5d8}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.card{min-height:370px;align-items:center;justify-content:center;text-align:center;border:2px solid #c9ab70;background:linear-gradient(145deg,#303453,#514d70);color:#fff8e8;padding:31px;box-shadow:0 12px 32px #24224222}.card:nth-child(3n+2){background:linear-gradient(145deg,#e9f0e7,#d9e5e1);color:#163d42}.card:nth-child(3n){background:linear-gradient(145deg,#f9efd9,#efe0c1);color:#4d3d36}.card .meta,.card:nth-child(3n+2) .meta,.card:nth-child(3n) .meta{color:#b99a5e}.card:nth-child(3n+2) .meta{color:#35685f}.card:nth-child(3n) .meta{color:#81613d}.card .text{font:700 clamp(2rem,2.9vw,2.65rem)/1.85 'Noto Naskh Arabic',Amiri,serif;text-align:center;overflow-wrap:break-word;width:100%;white-space:pre-wrap}.card .note{color:inherit;opacity:.8}.card-actions{justify-content:center;width:100%;margin-top:20px}.card-actions button{background:#fff9e7;color:#273d45;border-color:#bfa874}.share-section{padding-top:35px;padding-bottom:60px}.share-section>a{display:inline-block;border-radius:12px;background:#254c53;color:white;padding:9px 20px;font-weight:700}.ar-contact{display:block}.ar-contact article{max-width:100%;background:#fffdf7;border:1px solid #d8c5a4}.ar-contact article>span{color:#846743;font-weight:700}.support-bottom{margin-top:20px}.closing{background:#e6e2d7}@media(max-width:750px){.top{position:static}.hero{min-height:0}.shortcuts,.book-list,.cards{grid-template-columns:1fr}.featured-card{padding:25px}.card{min-height:330px}.card .text{font-size:clamp(1.9rem,7vw,2.5rem)}}
/* A direct route from every collection or topic to its first visible card. */
#cardGrid>.card{scroll-margin-top:105px}#cardGrid,.reading-bar{scroll-margin-top:105px}
.topic-area{margin:42px 0 28px;padding:25px;border:1px solid #dccbac;border-radius:20px;background:#fffcf5}.topic-heading h3{font:700 2rem Amiri,serif;margin:0;color:#253b43}.topic-heading p{margin:0 0 18px;color:#526a63}.topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.topic-choice{min-height:65px;padding:9px 13px;background:#f6f0e2;border:1px solid #d8c8a9;border-radius:12px;color:#2c4b49;text-align:center;font:700 1.05rem/1.45 'Noto Naskh Arabic',Tahoma,serif;cursor:pointer}.topic-choice:hover,.topic-choice:focus-visible,.topic-choice[aria-pressed=true]{background:#dce9e3;border-color:#548d82;outline:2px solid #548d82}.topic-choice[hidden]{display:none}.topics-toggle{margin-top:16px;border:1px solid #9b875c;border-radius:10px;background:#fffdf7;color:#31534d;padding:7px 17px;cursor:pointer;font-weight:700}.reading-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin:22px 0 8px}.reading-bar .result{margin:0;font-size:1.1rem}.reading-bar nav,.after-cards{display:flex;flex-wrap:wrap;gap:10px}.reading-bar a,.after-cards a{display:inline-block;padding:7px 12px;border-radius:10px;background:#e7ede8;color:#265b54;font-weight:700}.reading-bar a:hover,.after-cards a:hover{background:#d3e3d8}.after-cards{justify-content:center;margin:28px 0 0}.pager .numbers{max-height:none;align-items:center}.pager .numbers span{padding:0 6px}.top a:focus-visible,.shortcuts a:focus-visible,.reading-bar a:focus-visible,.after-cards a:focus-visible{outline:3px solid #d3ad61;outline-offset:3px}@media(max-width:850px){.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.topic-area{padding:17px}.topic-grid{grid-template-columns:1fr 1fr;gap:8px}.topic-choice{font-size:.95rem;min-height:62px}#cardGrid>.card{scroll-margin-top:16px}.reading-bar nav a{font-size:.92rem}}
.topic-area h4{font:700 1.5rem Amiri,serif;margin:22px 0 9px;color:#2e4a46}.situation-area{padding-bottom:10px;border-bottom:1px solid #dfd2bd}.situation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}@media(max-width:850px){.situation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
#discover,#topics,#books,#imam,#support,#cards{scroll-margin-top:105px}@media(max-width:750px){#discover,#topics,#books,#imam,#support,#cards{scroll-margin-top:12px}}
/* Keep reading close to the start; books have their own page. */
.hero{min-height:340px;padding-top:38px;padding-bottom:25px}.verse{min-height:230px}.quick-finder{padding-top:30px;padding-bottom:25px}.collection{padding-top:30px}.section-intro{margin-top:22px}.section-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.section-choice{min-height:88px;grid-template-columns:36px 1fr;padding:10px;gap:2px 7px}.choice-number{width:34px;height:34px;font-size:1rem}.section-choice strong{font-size:1rem}.section-choice small{font-size:.8rem}.download-choice{background:#f5e6c4;border-color:#bb9050}.download-choice:hover,.download-choice:focus-visible{background:#ebd9b1;border-color:#956d38}.topic-area{margin:18px 0;padding:12px 20px}.topic-area summary{cursor:pointer;font-weight:700;font-size:1.15rem;color:#254c49;list-style:revert}.topic-area[open]{padding-bottom:25px}.topic-area:not([open]) .topic-grid,.topic-area:not([open]) .situation-grid{display:none}.books-route{background:#f5f1e9}.books-page{max-width:1160px;margin:auto;padding:46px 20px 100px}.books-page .heading{max-width:760px}.books-page h1{font:700 clamp(2.5rem,5vw,4rem)/1.35 Amiri,serif;margin:8px 0;color:#243f45}.books-page .heading p{font-size:1.1rem}.books-page .book-list{margin:32px 0;grid-template-columns:repeat(3,minmax(0,1fr))}.books-page .book-tile{display:flex;flex-direction:column;gap:5px;min-height:140px;padding:21px}.book-tile.featured{background:linear-gradient(135deg,#303453,#514d70);color:#fff8e8;border-color:#c9ab70}.book-tile.featured small{color:#eee3ce}.book-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid #bc9d67;border-radius:50%;color:#9b7741}.featured .book-icon{color:#f2dfb4}.back-link,.books-return a{display:inline-block;padding:8px 15px;border-radius:10px;background:#e2ece7;color:#205c54;font-weight:700}.books-return{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.books-note{color:#5b655d;border-right:3px solid #bca06d;padding-right:14px}@media(max-width:1000px){.section-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:750px){.hero{padding-top:28px}.verse{min-height:150px}.section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-choice{min-height:76px}.books-page .book-list{grid-template-columns:1fr 1fr}}@media(max-width:560px){.books-page .book-list{grid-template-columns:1fr}.books-page{padding-top:25px}}

/* Arabic collection choices: readable horizontal copy at every width. */
.section-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.section-choice,.download-choice{min-height:92px;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;gap:1px 11px;background:#514681;border:1px solid #7465a3;color:#fff;padding:13px 15px;text-align:right;box-shadow:0 5px 15px #30275228}
.section-choice strong{font-size:1rem;line-height:1.55;grid-column:2;white-space:normal;word-break:normal;overflow-wrap:normal}
.section-choice small{grid-column:2;display:block;font:600 .88rem/1.55 'Noto Naskh Arabic',Tahoma,sans-serif;color:#f4e5ff;white-space:normal;word-break:normal;overflow-wrap:normal}
.section-choice .choice-number{grid-column:1;grid-row:1/3;background:#766aab;color:#fff;width:36px;height:36px}
.section-choice:hover,.section-choice:focus-visible,.section-choice[aria-pressed=true],.download-choice:hover,.download-choice:focus-visible{background:#372c68;border-color:#c7afe8;color:#fff;outline:2px solid #d8b7f3;outline-offset:2px}
@media(max-width:950px){.section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.section-grid{grid-template-columns:1fr}.section-choice,.download-choice{min-height:72px;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;text-align:right;padding:11px 15px}.section-choice .choice-number{grid-row:1/3;margin:0}.section-choice strong,.section-choice small{grid-column:2}}

.wisdom-feature{display:grid;gap:.55rem;max-width:750px;margin:1.2rem auto 2rem;padding:1.6rem 2rem;border:2px solid #ddbc79;border-radius:1.5rem;background:linear-gradient(120deg,#543653,#23616a);color:#fff;text-decoration:none;text-align:center;box-shadow:0 12px 30px #092b3040}.wisdom-feature span{color:#f6d88d;font-weight:800}.wisdom-feature strong{font-size:clamp(1.6rem,4vw,2.3rem)}.wisdom-feature small{font-size:1rem;line-height:1.6}.wisdom-feature:hover,.wisdom-feature:focus-visible{filter:brightness(1.13);outline:3px solid #e7bf68;outline-offset:3px}

.dua-rail{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:.45rem;margin:1.5rem 0 1rem;padding:.45rem;border:1px solid #c7af77;border-radius:1.15rem;background:#153f45;box-shadow:0 8px 24px #153b3e35}.dua-rail-track{display:flex;gap:.55rem;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin;flex:1;padding:.3rem}.dua-rail-choice{flex:none;scroll-snap-align:start;min-height:50px;padding:.55rem 1.1rem;border:1px solid #a5c6ba;border-radius:999px;background:#e7f0e9;color:#194b47;font:700 1rem Amiri,serif;white-space:nowrap;cursor:pointer}.dua-rail-choice[aria-pressed=true]{background:#e8c37b;color:#243d3b;border-color:#e8c37b;box-shadow:0 0 0 2px #f5d79555}.rail-arrow{flex:none;width:42px;height:42px;border:1px solid #e2c680;border-radius:50%;background:#d6ae61;color:#173c3c;font-size:1.3rem;cursor:pointer}.dua-rail button:focus-visible{outline:3px solid #fff;outline-offset:2px}@media(max-width:560px){.dua-rail{margin-inline:-12px;border-radius:.85rem}.rail-arrow{width:34px;height:40px}.dua-rail-choice{font-size:.95rem}}

.shortcuts .wisdom-shortcut{display:flex;flex-direction:column;justify-content:center;gap:6px;background:linear-gradient(135deg,#51335e,#734868);color:#fff8e8;border:2px solid #d6b678;text-align:center}.shortcuts .wisdom-shortcut span,.shortcuts .wisdom-shortcut small{color:#f3dfb4}.shortcuts .wisdom-shortcut strong{font-size:1.45rem}.collection>.ar-stats{margin:18px 0}.daily-feature#daily-dua-card{scroll-margin-top:80px}

#cardGrid .card h3{font:700 1.45rem/1.8 "Noto Naskh Arabic",serif;margin:0;color:#795628}#cardGrid .card .source{color:#356b61;font-size:1rem;text-decoration:underline;overflow-wrap:anywhere}

/* /gift/banner.css */
.gift-promo{max-width:1240px;margin:14px auto 18px;padding:22px 26px;border:1px solid #dbc189;border-radius:18px;background:linear-gradient(115deg,#153f46,#246c62);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 10px 28px #102c341f}.gift-promo__copy{max-width:790px}.gift-promo__eyebrow{display:block;color:#f2d59a;font:800 .8rem/1.4 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase}.gift-promo h2{color:#fff;font:750 clamp(1.35rem,2.7vw,2rem)/1.3 system-ui,sans-serif;margin:6px 0}.gift-promo p{color:#f7f6ee;font:500 1rem/1.6 system-ui,sans-serif;margin:0}.gift-promo__actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;flex-shrink:0}.gift-promo a{font:800 .95rem/1.3 system-ui,sans-serif;text-decoration:none;border-radius:9px;padding:12px 16px;display:inline-flex;justify-content:center}.gift-promo__start{background:#edc777;color:#233e3d}.gift-promo__support{border:1px solid #ecd6a7;color:#fff}.gift-promo a:focus-visible{outline:3px solid #fff;outline-offset:3px}html[lang=ar] .gift-promo__eyebrow,html[lang=ar] .gift-promo h2,html[lang=ar] .gift-promo p,html[lang=ar] .gift-promo a{font-family:Tahoma,"Noto Naskh Arabic",sans-serif}@media(max-width:770px){.gift-promo{margin:10px 12px;display:block;padding:18px}.gift-promo__actions{margin-top:15px}.gift-promo a{flex:1}}
.gift-backtop{position:fixed;right:18px;bottom:18px;z-index:99;background:#205e58;color:white!important;border:1px solid #d3bd8e;border-radius:999px;padding:9px 13px;text-decoration:none;font:750 .82rem system-ui,sans-serif;box-shadow:0 4px 14px #0b2d3452}html[lang=ar] .gift-backtop{right:auto;left:18px;font-family:Tahoma,sans-serif}.gift-backtop:focus-visible{outline:3px solid #e4bb6d;outline-offset:3px}
.gift-promo h2{font-size:clamp(1.65rem,3vw,2.55rem);line-height:1.32}.gift-promo__eyebrow{font-size:.94rem}.gift-promo p{font-size:1.06rem;line-height:1.8}html[lang=ar] .gift-promo{background:linear-gradient(125deg,#173d42,#266e62)}html[lang=ar] .gift-promo h2{font-family:Tahoma,"Noto Naskh Arabic",sans-serif;font-weight:800}.occasion-menu{margin-top:18px;border:1px solid #c9d8ce;border-radius:16px;padding:13px 17px;background:#f4f8f3}.occasion-menu summary{cursor:pointer;font-weight:800;font-size:1.05rem;color:#164b43}.occasion-menu>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:13px}.occasion-menu a{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border-radius:12px;border:1px solid #b8cabf;background:white;color:#193e3b;text-decoration:none}.occasion-menu a:hover,.occasion-menu a:focus-visible{border-color:#b58b47;box-shadow:0 3px 12px #174c3e24}.occasion-menu a strong{font-size:1.08rem}.occasion-menu a span{font-size:.94rem}@media(max-width:620px){.occasion-menu>div{grid-template-columns:1fr}}

.gift-promo h2 mark{color:#f4d68e;background:transparent;font:inherit}

.gift-promo--feature{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);gap:clamp(24px,4vw,55px);padding:30px;align-items:center}.gift-promo__art img{display:block;width:100%;max-height:590px;object-fit:contain;border-radius:14px;border:2px solid #dcc18a}.gift-promo--feature .gift-promo__copy{max-width:none}.gift-promo--feature h2{font-size:clamp(1.75rem,3.1vw,3.1rem);margin:10px 0 16px}.gift-promo--feature p{margin:12px 0}.gift-promo--feature .gift-promo__count{color:#f8d68c;font-size:1.18rem;font-weight:800}.gift-promo--feature blockquote{margin:22px 0;padding:14px 22px;border-right:3px solid #efd18b;background:#082e3347;color:#fff7df;font:700 clamp(1.1rem,2vw,1.5rem)/1.8 Tahoma,sans-serif}.gift-promo--feature cite{display:block;color:#efd18b;font-size:.82rem;font-style:normal}.gift-promo--feature .gift-promo__actions{margin-top:22px}.gift-promo--feature .gift-home-share{border:1px solid #e6c985;color:#fff;background:transparent;cursor:pointer}.gift-promo--feature .gift-promo__start{font-size:1.05rem}@media(max-width:770px){.gift-promo--feature{grid-template-columns:1fr;padding:18px}.gift-promo__art{max-width:360px;margin:auto}.gift-promo--feature .gift-promo__actions{display:flex}.gift-promo--feature .gift-promo__actions>*{flex:1 1 170px}}
.gift-promo.gift-promo--feature{max-width:900px;grid-template-columns:1fr;justify-items:center;text-align:center;gap:24px;padding:clamp(22px,4vw,40px)}
.gift-promo--feature .gift-promo__art{width:min(100%,350px);margin-inline:auto}
.gift-promo--feature .gift-promo__copy{width:100%;max-width:760px;margin-inline:auto}
.gift-promo--feature blockquote{border-right:0;border-top:3px solid #efd18b;padding:16px 18px}
.gift-promo--feature .gift-promo__actions{justify-content:center}
@media(max-width:770px){.gift-promo.gift-promo--feature{margin:12px;padding:22px 18px}.gift-promo--feature .gift-promo__art{width:min(100%,300px)}}

/* Arabic dedication: one continuous frame, compact image-to-copy spacing. */
html[lang=ar] .gift-promo.gift-promo--feature{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);align-items:center;align-content:start;justify-content:normal;gap:20px;max-width:1080px;padding:24px;text-align:right;border:1px solid #dbc189;border-radius:20px}
html[lang=ar] .gift-promo--feature .gift-promo__art{width:100%;max-width:370px;margin:0 auto;align-self:center;padding:0;background:none;border:0;box-shadow:none}
html[lang=ar] .gift-promo--feature .gift-promo__art img{width:100%;height:auto;max-height:none;display:block;border:0;border-radius:12px;box-shadow:none}
html[lang=ar] .gift-promo--feature .gift-promo__copy{margin:0;width:100%;padding:0;border:0;background:none;box-shadow:none}
html[lang=ar] .gift-promo--feature h2{margin:6px 0 10px;font-size:clamp(1.6rem,3vw,2.6rem);line-height:1.45}
html[lang=ar] .gift-promo--feature p{margin:9px 0;line-height:1.8}
html[lang=ar] .gift-promo--feature blockquote{margin:12px 0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;font-size:1.1rem;line-height:1.8}
html[lang=ar] .gift-promo--feature .gift-promo__hadith{color:#f5dfa8;font-size:1rem}
html[lang=ar] .gift-promo--feature .gift-promo__actions{margin-top:14px;justify-content:flex-start;gap:8px}
html[lang=ar] .gift-promo--feature .gift-share-status:empty{display:none}
@media(max-width:770px){html[lang=ar] .gift-promo.gift-promo--feature{grid-template-columns:1fr;gap:10px;padding:18px;margin:12px;text-align:center}html[lang=ar] .gift-promo--feature .gift-promo__art{max-width:300px;margin:0 auto}html[lang=ar] .gift-promo--feature .gift-promo__eyebrow{margin-top:0}html[lang=ar] .gift-promo--feature .gift-promo__actions{justify-content:center}}

/* /gift/share.css */

.gift-share{margin-top:24px;padding:20px;background:#eef5f0;border:1px solid #bfd2c6;border-radius:15px}.gift-share p{margin:0 0 12px;font-weight:700}.gift-share a,.gift-share button,.gift-home-share{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:4px 7px 4px 0;padding:10px 14px;border:1px solid #b39052;border-radius:10px;background:#fff8e8;color:#17423e!important;font:700 1rem/1.25 system-ui,sans-serif;text-decoration:none;cursor:pointer}.gift-share .share-whatsapp{background:#176658;color:white!important;border-color:#176658}.gift-share-status{display:block;font-weight:700;margin-top:8px}.gift-offer{padding:15px 18px;border-left:4px solid #c0974f;background:#fff8e8;border-radius:8px;font-weight:600}.support-next{background:#f2d08d!important;color:#183c43!important}.gift-home-share{background:transparent!important;color:#fff!important;border-color:#e8d2a2!important}.gift-home-share:focus-visible,.gift-share button:focus-visible,.gift-share a:focus-visible{outline:3px solid #c18b38;outline-offset:3px}

.card-option{display:block;margin:12px 0;color:#175b54;font-weight:750;text-align:center;text-decoration:underline}.payment-availability{font-size:.9rem;color:#49645d;line-height:1.5}.card-option[aria-disabled=true]{opacity:.5;pointer-events:none}

/* /ios-banner.css */
.ios-announcement{position:relative;z-index:50;display:flex;justify-content:center;align-items:center;gap:.8rem;flex-wrap:wrap;padding:11px 18px;background:linear-gradient(95deg,#0d3744,#235d64);color:#fff7e4;text-align:center;font:600 15px/1.5 system-ui,sans-serif;border-bottom:1px solid #e6cd8b88}
.ios-announcement strong{color:#ffe3a4}
.ios-announcement a{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#f4d891;color:#15323d;text-decoration:none;font-weight:800;padding:6px 15px;min-height:36px}
.ios-announcement a:hover,.ios-announcement a:focus-visible{background:white;outline:2px solid #f4d891;outline-offset:2px}
@media(max-width:600px){.ios-announcement{font-size:14px;padding:10px 12px}.ios-announcement a{width:100%;max-width:250px}}

/* /android-promo.css */
.android-announcement{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;padding:18px 24px;background:linear-gradient(120deg,#271a43,#4f326d);border-bottom:1px solid #dfbb73;color:#fff7e5;font:600 16px/1.6 system-ui,sans-serif;text-align:center}.android-announcement strong{color:#f3d38b}.android-announcement a,.android-link{display:inline-flex;justify-content:center;align-items:center;background:#f0cc82;color:#281b41!important;padding:12px 20px;border-radius:14px;font-weight:800;text-decoration:none!important;min-height:48px}.android-announcement a:focus-visible,.android-link:focus-visible{outline:3px solid white;outline-offset:3px}.android-status{font-size:16px;line-height:1.7}.android-options{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.android-panel{padding:26px;border:1px solid #d3b679;border-radius:22px;background:linear-gradient(120deg,#291d43,#493263);color:#fff7e5;margin:24px 0}.android-panel h2,.android-panel h3{color:#f2d18c}.android-panel a{color:#f4d38b}@media(max-width:600px){.android-announcement{padding:14px 18px;gap:10px}.android-announcement a{width:100%}.android-options>*{width:100%;text-align:center}}
/* /card-engagement.css */
.dc-engagement{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;padding:.9rem 0;margin-top:.8rem;border-top:1px solid #b89a5b55;font:500 .875rem/1.6 system-ui,sans-serif;color:inherit}.dc-engagement button,.dc-subject select{font:inherit;border:1px solid #bca564;border-radius:.75rem;padding:.65rem .9rem;background:#fff9e9;color:#173d3d;cursor:pointer}.dc-engagement button[aria-pressed=true]{background:#6d357a;color:white}.dc-engagement .dc-counts{font-size:.875rem;line-height:1.6}.dc-status{flex-basis:100%;font-size:.875rem}.dc-summary{display:block;width:fit-content;max-width:calc(100% - 2rem);margin:1rem auto;padding:.65rem 1rem;background:#193e45;color:#fff6dd;border:1px solid #d4b668;border-radius:1rem;text-decoration:none;font:500 .875rem/1.8 system-ui,sans-serif}.dc-subject{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;margin:1rem 0;font-size:1rem}.dc-subject select{max-width:100%;min-width:min(18rem,100%)}.dc-topic-hidden{display:none!important}.dc-stats-main{max-width:70rem;margin:auto;padding:1.4rem;font:1rem/1.8 system-ui,sans-serif}.dc-stats-main h1{font-size:clamp(1.8rem,5vw,3rem)}.dc-ranking{padding:0;list-style:none;display:grid;gap:1rem}.dc-ranking li{background:#fff;border:1px solid #d5be80;border-radius:1rem;padding:1rem;color:#163c41}.dc-ranking a{color:#55306b;font-weight:700}.dc-stats-summary{display:flex;flex-wrap:wrap;gap:1rem}.dc-stats-summary p{padding:1rem 1.4rem;background:#523466;color:#fff;border-radius:1rem}.dc-stat-empty{padding:2rem;background:#edf3ee;border-radius:1rem;color:#143c3b}

/* /gift/donation.css */
.donation-layout{max-width:1160px;margin:32px auto 65px;padding:0 18px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.donation-form{scroll-margin-top:22px}.donation-form .amounts{grid-template-columns:repeat(3,minmax(0,1fr))}.donation-form .custom-amount[hidden]{display:none}.donation-form .button{display:block;text-align:center}.donation-form .card-option[hidden]{display:none}.donation-form [aria-disabled=true]{opacity:.5;cursor:not-allowed}.donation-summary{padding:14px 16px;background:#e9f3ed;border-radius:10px;font-weight:700}.donation-jump{display:inline-block;margin-top:22px;background:#eaca8d;color:#163e43;font-weight:700;border-radius:9px;padding:12px 22px;text-decoration:none}.reward-card{padding:22px 0;border-top:1px solid #ded8c9}.reward-card h3{margin:0 0 8px;font-size:1.3rem}.reward-card a{font-size:1rem;text-underline-offset:4px}.donation-purpose h2{margin-top:20px}.donation-purpose h2:first-child{margin-top:0}.donation-share{max-width:1124px;margin:28px auto;padding:25px;background:#e8f2ed;border:1px solid #bdd0c3;border-radius:14px;color:#183c43;font:1rem/1.7 system-ui,sans-serif;text-align:center}.donation-share h2{font-size:1.5rem;margin:0 0 8px}.donation-share p{margin:8px 0 14px}.donation-share-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.donation-share-actions a,.donation-share-actions button,.hero-actions [data-share-support]{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 18px;font:700 1rem/1.4 system-ui,sans-serif;border:1px solid #17655e;border-radius:9px;text-decoration:none;background:#fff;color:#175c53;cursor:pointer}.donation-share-actions .donation-whatsapp{background:#17655e;color:white}.donation-form .donation-share{padding:20px 12px;margin-bottom:0}.donation-form .field select,.donation-form .field input{width:100%}body[dir=rtl] .donation-share{font-family:Tahoma,serif}body[dir=rtl] .reward-card p{font-size:1.3rem;line-height:1.9}:focus-visible{outline:3px solid #b27425;outline-offset:3px}@media(max-width:760px){.donation-layout{grid-template-columns:1fr;gap:18px;margin-top:20px}.donation-share{margin:20px 16px;padding:20px}.donation-form .donation-share{margin:22px 0 0}.donation-share-actions>*{flex:1 1 140px}.donation-form .amounts{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* /website-share.css */
.website-share-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin:16px auto;max-width:1160px;padding:0 20px}.website-share-bar a,.website-share-bar button{font:inherit;font-weight:700;font-size:1rem;min-height:48px;border-radius:12px;padding:12px 22px;text-align:center;cursor:pointer;text-decoration:none}.website-share-donate{background:#fff;border:1px solid #a9bcbc;color:#173c42}.website-share-trigger{background:#123e45;color:#fff9e8;border:1px solid #123e45;box-shadow:0 4px 12px #123e4520}.website-share-trigger small{display:block;font-size:.875rem;font-weight:400;color:#f0dca5;margin-top:3px}.website-share-dialog{width:min(700px,calc(100% - 24px));max-height:88dvh;padding:26px;border:1px solid #cbb078;border-radius:20px;background:#fffdf7;color:#173c42;box-sizing:border-box;overflow:auto;box-shadow:0 20px 80px #0004}.website-share-dialog::backdrop{background:#092b36a6}.website-share-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.website-share-heading h2{font-size:1.65rem;line-height:1.3;margin:0 0 8px}.website-share-close{font:inherit;flex-shrink:0;background:#fff;border:1px solid #b9c8c9;border-radius:9px;padding:8px 12px;cursor:pointer}.website-share-dialog p{font-size:1rem;line-height:1.6;margin:8px 0 18px}.website-share-actions,.website-share-services{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.website-share-actions>*{font:inherit;font-weight:700;padding:12px 16px;min-height:46px;border-radius:10px;border:1px solid #173c42;background:#fff;color:#173c42;text-decoration:none;cursor:pointer}.website-share-actions a{background:#146444;color:#fff;border-color:#146444}.website-share-services a{font-size:.9rem;color:#173c42;border-bottom:1px solid #b89351;text-decoration:none;padding:6px 2px}.website-share-dialog label{display:block;font-size:.95rem;font-weight:700;margin:18px 0 8px}.website-share-dialog textarea{display:block;box-sizing:border-box;width:100%;height:300px;resize:vertical;font:inherit;font-size:1rem;line-height:1.65;background:#fff;border:1px solid #b9c8c9;border-radius:12px;padding:16px;color:#173c42}.website-share-status{min-height:24px;margin-top:8px}.website-share-bar :focus-visible,.website-share-dialog :focus-visible{outline:3px solid #b89351;outline-offset:3px}@media(max-width:480px){.website-share-bar{gap:8px;padding:0 12px}.website-share-bar>*{width:100%}.website-share-dialog{padding:18px}.website-share-heading h2{font-size:1.4rem}.website-share-actions>*{flex:1 1 120px;text-align:center}.website-share-dialog textarea{height:250px}}

.website-share-dua{background:#e7f0eb;border:1px solid #c5ad72;border-radius:14px;padding:20px;text-align:center;margin:18px 0}.website-share-dua>strong{font-size:.95rem;color:#50695c}.website-share-dua .website-share-dua-ar{font-family:Amiri,"Noto Naskh Arabic",serif;font-size:1.8rem;line-height:1.8;margin:12px 0}.website-share-dua .website-share-dua-en{font-size:1rem;line-height:1.6}.website-share-dua a{color:#173c42;font-weight:700;font-size:.95rem;text-underline-offset:4px}

.website-share-bar .website-share-trigger{appearance:none;background:linear-gradient(135deg,#f6d57a,#d8a638);color:#26352c;border:2px solid #a7791d;border-bottom-width:4px;box-shadow:0 5px 14px #8c661b30;font-weight:800;padding:14px 28px;min-width:280px;transition:box-shadow .15s,transform .15s}.website-share-bar .website-share-trigger small{color:#4a3c1e;font-weight:600}.website-share-bar .website-share-trigger:hover{background:linear-gradient(135deg,#ffe39a,#e6b749);box-shadow:0 7px 20px #8c661b40;transform:translateY(-1px)}.website-share-bar .website-share-trigger:active{transform:translateY(1px);box-shadow:0 2px 6px #8c661b30}@media(max-width:480px){.website-share-bar .website-share-trigger{min-width:0;width:100%}}@media(prefers-reduced-motion:reduce){.website-share-bar .website-share-trigger{transition:none}}

/* /before-dua.css */
/* Praise and salawat shortcuts below the homepage search. */
.before-dua{box-sizing:border-box;margin:18px 0 22px;padding:24px;border:2px solid #c49b51;border-radius:20px;background:#f8ecd4;color:#16433f;text-align:start;min-width:0}
.before-dua h2{margin:0 0 10px;font-size:clamp(23px,3vw,32px);line-height:1.4;color:#16433f}
.before-dua p{margin:0 0 18px;color:#254b45;font-size:18px;line-height:1.8}
.before-dua nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.before-dua nav a{display:flex;align-items:center;gap:12px;min-height:64px;padding:14px 16px;border:2px solid transparent;border-radius:14px;background:#38315e;color:#fff;text-decoration:none;font-size:18px;font-weight:700;line-height:1.6;overflow-wrap:anywhere}
.before-dua nav a:first-child{background:#564c87;border-color:#c49b51}
.before-dua nav a:last-child{background:#175a50}
.before-dua nav a>span:last-child{margin-inline-start:auto}
.before-dua-number{display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;height:30px;border:1px solid #e7d19d;border-radius:50%;color:#f8e5af;font-size:16px}
.before-dua a:hover{filter:brightness(1.12)}.before-dua a:focus-visible{outline:3px solid #16433f;outline-offset:3px}
@media(max-width:600px){.before-dua{padding:18px 14px;border-radius:16px}.before-dua nav{grid-template-columns:1fr;gap:10px}.before-dua p{font-size:17px}.before-dua nav a{font-size:18px;padding:12px;min-height:58px}}

.collection-shortcut{display:block;margin:1rem 0;padding:1.1rem 1.4rem;border:1px solid #bea061;border-radius:18px;background:#f8ecd5;color:#173e42;text-decoration:none;font-weight:700}
/* /personal-library.css */
#personalLibrary{position:relative;box-sizing:border-box;width:min(1180px,calc(100% - 32px));margin:28px auto;padding:28px;border:1px solid #91aaa0;border-radius:20px;background:#f8f5eb;color:#214d49}#personalLibrary h2{margin-top:0}#personalLibrary form{display:flex;gap:10px;flex-wrap:wrap}#personalLibrary input{font:inherit;max-width:100%;padding:12px;border-radius:8px;border:1px solid #809b90}#personalLibrary button,.personal-save,.personal-dialog button{font:inherit;cursor:pointer;border:1px solid #82a99a;border-radius:9px;padding:10px 14px;background:#e2efe7;color:#174e45;min-height:44px}#personalLibrary details{padding:14px 0;border-bottom:1px solid #c9d4c9}#personalLibrary summary{cursor:pointer;font-weight:700}#personalLibrary details div{display:flex;align-items:center;gap:12px;padding:8px 0}#personalLibrary a{color:#17564a}#personalLibrary>button{margin-top:18px}.personal-dialog{max-width:min(480px,calc(100% - 40px));border:1px solid #82a99a;border-radius:16px;padding:25px;background:#f8f5eb;color:#214d49}.personal-dialog button{display:block;margin:10px 0}.personal-dialog::backdrop{background:#001a2466}.personal-save{margin:12px 0}html[lang=en] body{font-family:'Manrope',system-ui,sans-serif}html[lang=ar] #personalLibrary{font-family:'Noto Naskh Arabic',serif}

/* Library layout: matching column widths for choices and prayer cards. */
main .quick-finder,main .collection-section,main section.collection{width:100%;max-width:1180px;margin-inline:auto;box-sizing:border-box;padding-inline:20px}
html[lang="id"] main{max-width:1180px;box-sizing:border-box;padding-inline:20px}
.quick-finder-grid,#sectionGrid,.id-groups,#duaGrid,#cardGrid,#idGrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;align-items:stretch;width:100%;box-sizing:border-box}
.quick-finder-grid,#sectionGrid,.id-groups{grid-auto-rows:1fr}
.quick-finder-grid>.finder-card,.quick-finder-grid>.quick-card,#sectionGrid>.section-choice,.id-groups>a,.id-groups>button{grid-column:auto!important;min-width:0;min-height:150px!important;padding:20px!important;border-radius:18px!important;box-sizing:border-box;display:flex!important;flex-direction:column;justify-content:center!important;align-items:center!important;text-align:center!important;gap:7px;white-space:normal;line-height:1.5}
.quick-finder-grid>.hikmah-card,.quick-finder-grid>.featured-wisdom,.quick-finder-grid>.personal-feature{grid-column:auto!important}
.quick-finder-grid strong,#sectionGrid strong,.id-groups strong{font-size:1.12rem!important;line-height:1.55!important;overflow-wrap:break-word}
.quick-finder-grid small,#sectionGrid small,.id-groups small{font-size:.88rem!important;line-height:1.55!important}
#sectionGrid .choice-number{margin:0;width:auto;height:auto;padding:3px 10px;border-radius:8px;font-size:.9rem}
#duaGrid>.dua-card,#cardGrid>.card,#idGrid>.id-card{grid-column:auto!important;min-width:0;width:100%;max-width:100%;margin:0;box-sizing:border-box;padding:24px!important;border-radius:18px;min-height:400px;display:flex;flex-direction:column;text-align:center;overflow-wrap:break-word}
#duaGrid>.dua-card[hidden],#cardGrid>.card[hidden],#idGrid>.id-card[hidden]{display:none!important}
#duaGrid .arabic,#cardGrid .text.ar,#idGrid .arabic{font-size:clamp(26px,2.2vw,34px)!important;line-height:1.9!important;white-space:pre-wrap;overflow-wrap:break-word}
#duaGrid .card-actions,#cardGrid .card-actions,#idGrid .id-card-actions{margin-top:auto;padding-top:20px;display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
.dc-home-link,.reader-home-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid #b99b61;border-radius:12px;background:#f3dfb0;color:#173c42!important;font:700 1rem/1.5 system-ui,Tahoma,sans-serif;text-decoration:none;box-sizing:border-box}
.reader-navigation{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:18px 0}
:where(.dc-home-link,.reader-home-link,.finder-card,.section-choice,.id-groups a):focus-visible{outline:3px solid #c89f50;outline-offset:3px}
#cardGrid,#duaGrid,#idGrid,#cards,#collection,#catalogCards{scroll-margin-top:110px}
@media(max-width:950px){.quick-finder-grid,#sectionGrid,.id-groups,#duaGrid,#cardGrid,#idGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}}
@media(max-width:620px){main .quick-finder,main .collection-section,main section.collection,html[lang="id"] main{padding-inline:16px}.quick-finder-grid,#sectionGrid,.id-groups,#duaGrid,#cardGrid,#idGrid{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}.quick-finder-grid>.finder-card,.quick-finder-grid>.quick-card,#sectionGrid>.section-choice,.id-groups>a,.id-groups>button{min-height:125px!important}#duaGrid>.dua-card,#cardGrid>.card,#idGrid>.id-card{padding:22px!important;min-height:360px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.finder-card,.section-choice{transition:none!important}}
@media print{.reader-navigation,.dc-page-tools{display:none!important}#duaGrid,#cardGrid,#idGrid{display:block!important}}

#cardGrid .card h3,#cardGrid .card .source{color:inherit}
/* Keep complete prayer text visible in the English reading cards. */
html[lang=en] .dua-card .arabic,html[lang=en] .dua-card .translation,html[lang=en] .dua-card .transliteration,html[lang=en] .collection-tile .arabic,html[lang=en] .collection-tile .reading,html[lang=en] .collection-tile .meaning{-webkit-line-clamp:unset!important;line-clamp:unset!important;max-height:none!important;overflow:visible!important;display:block!important}

.dua-card,.id-card,article.card{content-visibility:auto;contain-intrinsic-size:auto 700px}