/* 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}