html[lang=en] body{direction:ltr;font-family:Calibri,Arial,sans-serif}
/* Keep the English gold wordmark centered and legible at every screen width. */
html[lang=en] .home-hero .brand-stack{width:min(640px,100%);margin-inline:auto;align-items:center;text-align:center}
html[lang=en] .home-hero .site-brand{display:flex;justify-content:center;width:min(540px,100%);max-width:100%;margin-inline:auto}
html[lang=en] .home-hero .site-logo{display:block;width:100%;max-width:100%;height:auto}
/* Mirror the Arabic header: anniversary at left, Atlas and language at right. */
html[lang=en] body>header .research-anniversary-badge{position:absolute;top:20px;left:clamp(16px,2vw,28px);right:auto;z-index:3;display:block;width:184px;height:auto;max-width:calc(50% - 32px);background:transparent;border:0;box-shadow:none}
html[lang=en] body>header .atlas-top-return{left:auto;right:clamp(16px,2vw,28px);transform-origin:top right;direction:ltr}
html[lang=en] body>header .language-switch{top:76px}
@media(min-width:1101px){html[lang=en] body>header:not(.home-hero){padding-inline-start:max(228px,calc((100vw - 1240px)/2))}}
@media(min-width:561px) and (max-width:1100px){html[lang=en] body>header{padding-top:144px}}
@media(max-width:560px){html[lang=en] body>header .research-anniversary-badge{top:16px;left:16px;width:148px}html[lang=en] body>header .atlas-top-return{right:16px}html[lang=en] body>header .language-switch{top:60px}html[lang=en] body>header{padding-top:120px}}
html[lang=en] header .brand-verse{font-family:Calibri,Arial,sans-serif;direction:ltr;font-size:clamp(.9rem,1.35vw,1.1rem);line-height:1.65;text-align:center;max-width:640px}
html[lang=en] .kifaya-map-branch,html[lang=en] .overview-interactive-link>span{font-family:Calibri,Arial,sans-serif;direction:ltr}
html[lang=en] .kifaya-map-name small{display:block;font:12px/1.3 Calibri,Arial,sans-serif}
html[lang=en] .verse a{color:inherit;text-decoration:none}html[lang=en] .verse a:hover{text-decoration:underline}
html[lang=en] [hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html[lang=en] .home-hero .brand-verse{font-family:Calibri,Arial,sans-serif;font-size:clamp(.9rem,1.35vw,1.1rem);line-height:1.65;max-width:640px;text-align:center}
html[lang=en] .hero-title,html[lang=en] .hero-subtitle,html[lang=en] .home-navigation-band a,html[lang=en] .home-navigation-band button,html[lang=en] .atlas-brand-link>span,html[lang=en] .footer-signature-text,html[lang=en] .footer-dedication,html[lang=en] .atlas-project-label{font-family:Calibri,Arial,sans-serif;direction:ltr;letter-spacing:0}
html[lang=en] .home-navigation-band{direction:ltr;gap:.4rem 1.3rem}html[lang=en] .home-navigation-band a,html[lang=en] .recitation-toggle{font-size:1.02rem}
html[lang=en] .site-footer .footer-signature-text,html[lang=en] .site-footer .footer-dedication{text-align:left}
html[lang=en] .overview-tree{direction:ltr}html[lang=en] .overview-circle,html[lang=en] .overview-count{font-family:Calibri,Arial,sans-serif;direction:ltr;line-height:1.35}html[lang=en] .overview-circle{font-size:clamp(.8rem,1.1vw,1.02rem)}
html[lang=en] .overview-tree>.overview-kifaya{transform:translateX(var(--branch-offset))}
html[lang=en] .review-feature-intro,html[lang=en] .section-heading,html[lang=en] .review-feature-toolbar{direction:ltr}html[lang=en] .review-feature-intro h2,html[lang=en] .section-heading h2,html[lang=en] .names-family-title,html[lang=en] .category-break h2{font-family:Calibri,Arial,sans-serif;line-height:1.35}
html[lang=en] .review-feature-kicker,html[lang=en] .review-feature-description,html[lang=en] .review-feature-toolbar *,html[lang=en] .review-feature-stats span,html[lang=en] .name-search label,html[lang=en] .count,html[lang=en] .count-breakdown,html[lang=en] .research-history,html[lang=en] .section-description{font-family:Calibri,Arial,sans-serif;line-height:1.65}
html[lang=en] .name-search input{font-family:Calibri,Arial,sans-serif;direction:ltr}
html[lang=en] #name-list .name-section .grid .card{display:flex;flex-direction:column;justify-content:center;gap:5px;white-space:normal;max-width:100%;min-height:84px;padding:12px 18px;flex:1 1 180px}
html[lang=en] .card .arabic-name{font-family:Calibri,'Site TheSans',sans-serif;font-weight:700;font-size:1.3rem;line-height:1.7;direction:rtl;unicode-bidi:isolate;text-align:center}
html[lang=en] .card .transliteration{font-family:Calibri,Arial,sans-serif;font-size:.95rem;font-weight:400;line-height:1.4;direction:ltr;unicode-bidi:isolate;color:#627084;max-width:50ch;overflow-wrap:anywhere}
html[lang=en] .detail>h2.arabic-name{direction:rtl;unicode-bidi:isolate;font-family:Calibri,'Site TheSans',sans-serif;font-weight:700;text-align:center;overflow-wrap:anywhere}
html[lang=en] .name-pronunciation{font-family:Calibri,Arial,sans-serif;direction:ltr;text-align:center;color:#8a6b39;font-size:clamp(1.15rem,2vw,1.6rem);line-height:1.65;margin:8px 0 25px;overflow-wrap:anywhere}
.name-meaning{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font:1.1rem/1.65 Calibri,Arial,sans-serif;margin:0 auto 24px;max-width:60ch;color:#344d62}.name-meaning>span{font-size:.83rem;font-weight:400;color:#73808a}.name-meaning>strong{font-weight:400}
.name-audio-control{display:inline-flex;flex-direction:column;align-items:center;gap:4px;margin-inline:14px;vertical-align:middle}.name-audio-control small{font:11px/1.3 Calibri,Arial,sans-serif;color:#73808a;white-space:nowrap}.name-audio-button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid #c8b17e;background:#fffaf0;color:#89682e;cursor:pointer;box-shadow:0 2px 6px #123c6110}.name-audio-button svg{width:23px;height:23px}.name-audio-button:hover,.name-audio-button.is-playing{background:#123c61;color:#fff5df}.name-audio-button:focus-visible{outline:2px solid #bc9a5a;outline-offset:4px}.name-audio-status{text-align:center;font:14px/1.5 Calibri,Arial,sans-serif;color:#61788b}.name-audio-status:empty{display:none}
html[lang=en] .name-search-results{margin:20px 0 32px}html[lang=en] .name-search-results h2{font:700 1.22rem/1.5 Calibri,Arial,sans-serif}
html[lang=en] .name-search-result{align-items:center;text-align:center;min-width:0}html[lang=en] .name-search-result .arabic-name{font:700 1.4rem/1.8 Calibri,'Site TheSans',sans-serif;direction:rtl;color:#82632c}html[lang=en] .name-search-result .transliteration{font:1rem/1.5 Calibri,Arial,sans-serif;color:#344d62}html[lang=en] .name-search-result small{font:.86rem/1.6 Calibri,Arial,sans-serif}
html[lang=en] .group-main,html[lang=en] .group-index,html[lang=en] .group-panel{direction:ltr}html[lang=en] .group-main h1,html[lang=en] .group-main h2,html[lang=en] .group-main h3,html[lang=en] .group-index a,html[lang=en] .group-intro,html[lang=en] .group-explanation{font-family:Calibri,Arial,sans-serif}
html[lang=en] .forgiveness-name{display:flex;flex-direction:column;gap:6px;align-items:center}html[lang=en] .forgiveness-name .arabic-name{direction:rtl;font-family:Calibri,'Site TheSans',sans-serif}html[lang=en] .forgiveness-name small{font:14px/1.5 Calibri,Arial,sans-serif;direction:ltr}.en-group-names{margin-top:28px}
html[lang=en] .countbox{font-family:Calibri,Arial,sans-serif;font-size:1.1rem;margin-bottom:18px}html[lang=en] .en-detail .countbox{display:table;margin-left:auto;margin-right:auto}
html[lang=en] .review-publication .explanation-placeholder{margin-bottom:24px}
html[lang=en] .reference{font-family:Calibri,Arial,sans-serif;direction:ltr;text-align:left;font-size:1rem;line-height:1.5;margin-bottom:12px}
html[lang=en] .verse{direction:rtl;unicode-bidi:isolate;text-align:right;font-family:'Amiri Quran',Amiri,serif;font-size:1.5rem;line-height:2.5;margin:0 0 14px;font-weight:400}
html[lang=en] .verse mark{box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 2px}
.translation{direction:ltr;unicode-bidi:isolate;text-align:left;font:1.06rem/1.85 Calibri,Arial,sans-serif;color:#344d62;border-top:1px solid #dce6ec;padding-top:14px;margin:0;white-space:pre-line;overflow-wrap:anywhere}
.translation-notes{font:0.9rem/1.75 Calibri,Arial,sans-serif;margin-top:13px;color:#536878;direction:ltr}.translation-notes summary{cursor:pointer;color:#8a6b39}.translation-notes .notes-body{white-space:pre-line;padding:12px 0 0}
.translation-credit{font:0.85rem/1.7 Calibri,Arial,sans-serif;color:#667b8b;margin:25px 0 0;padding-top:15px;border-top:1px solid #dce6ec;direction:ltr}.translation-credit a{color:#326284}
.en-page-heading{font-family:Calibri,Arial,sans-serif;font-size:clamp(27px,4vw,40px);line-height:1.3;color:#123c61;margin:0 0 15px}.en-page-intro{color:#587183;line-height:1.7;margin-bottom:25px}
.en-filter{display:block;width:min(100%,720px);font:1rem/1.5 Calibri,Arial,sans-serif;padding:13px 16px;border:1px solid #bed0de;border-radius:13px;margin:20px 0;background:#fff;color:#183b53}
.en-surah-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.en-surah-card{display:flex;align-items:center;gap:16px;padding:22px;border:1px solid #d3e1eb;border-bottom:2px solid #b88a3d;border-radius:18px;background:white;color:#123c61;text-decoration:none;min-width:0}.en-surah-card:hover{box-shadow:0 6px 18px #123c6119}.en-surah-card .surah-number{font-size:1.05rem;color:#94743d;min-width:28px}.en-surah-card strong{display:block;font-size:1.18rem;line-height:1.5}.en-surah-card small{display:block;color:#5f7687;margin-top:5px;line-height:1.5}.en-surah-card .arabic-name{font-family:Calibri,'Site TheSans',sans-serif;font-size:1.1rem;direction:rtl}
.en-toolbar{display:flex;gap:15px;flex-wrap:wrap;align-items:center;margin:20px 0}.en-toolbar a,.en-button{border:1px solid #b7cbd8;border-radius:10px;padding:10px 16px;background:#fff;color:#1d516f;text-decoration:none;font:inherit;cursor:pointer}.en-button:hover{border-color:#b88a3d}.en-toolbar label{display:flex;gap:8px;align-items:center}.en-toolbar select{padding:10px 12px;border:1px solid #b7cbd8;border-radius:10px;background:white;font:inherit;max-width:100%}
.en-quran-search-results{display:grid;gap:14px}.en-quran-search-results:empty{display:none}.en-result-count{color:#62798a;margin:12px 0;font-size:.95rem}
.en-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.en-article-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 22px;border:1px solid #d7e2e8;border-radius:22px;background:linear-gradient(155deg,#fff,#f0f6fa);color:#123c61;text-decoration:none}.en-article-card h2{font-size:1.35rem;line-height:1.5;margin:0 0 15px}.en-article-card p{font-size:.95rem;line-height:1.6;color:#61788b;flex:1}.en-article-card span{display:inline-flex;padding:12px 20px;background:#123c61;color:#fff5df;border:1px solid #d6b875;border-radius:12px;margin-top:18px}
.en-compare-pickers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:22px 0}.en-compare-picker{border:1px solid #d3e0e9;border-radius:12px;background:white;padding:12px;min-width:0}.en-compare-picker label{display:block;font-size:.85rem;color:#647c8e;margin-bottom:8px}.en-compare-picker input,.en-compare-picker select{width:100%;max-width:100%;font:14px/1.5 Calibri,Arial,sans-serif;border:1px solid #bdceda;border-radius:8px;padding:9px;background:white}.en-compare-picker select{margin-top:8px}.en-compare-table{table-layout:fixed;width:100%;border-collapse:separate;border-spacing:4px;font-size:14px}.en-compare-table th,.en-compare-table td{padding:13px 10px;vertical-align:top;text-align:left;border:1px solid #d5e2eb;border-radius:10px;overflow-wrap:anywhere;line-height:1.65}.en-compare-table th:first-child{width:14%;background:#edf3f7}.en-compare-table .arabic-name{font:700 21px/1.7 Calibri,'Site TheSans',sans-serif;direction:rtl;text-align:center;display:block}.en-compare-table .transliteration{display:block;text-align:center;font-size:13px;font-weight:400}.en-compare-table .verse{font-size:1.05rem;line-height:2.15;margin:10px 0}.en-compare-table .translation{font-size:.85rem;line-height:1.6;padding-top:8px}.en-compare-table article+article{border-top:1px solid #ccdce7;padding-top:13px;margin-top:13px}.en-compare-table details summary{cursor:pointer;color:#35667d}.en-compare-table .name-highlight{background:#ffe5a3;color:inherit}.en-compare-table a{color:#245e83}
@media(max-width:800px){.en-surah-grid,.en-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.en-compare-pickers{grid-template-columns:repeat(2,minmax(0,1fr))}.en-compare-table{font-size:12px}.en-compare-table th,.en-compare-table td{padding:8px 5px}.en-compare-table .arabic-name{font-size:16px}.en-compare-table .verse{font-size:.95rem}html[lang=en] .home-navigation-band{gap:5px 16px}html[lang=en] .home-navigation-band a,html[lang=en] .recitation-toggle{font-size:.9rem}}
@media(max-width:560px){html[lang=en] #name-list .name-section .grid .card{flex-basis:140px;padding:11px 12px}html[lang=en] .card .arabic-name{font-size:1.16rem}html[lang=en] .card .transliteration{font-size:.86rem}html[lang=en] .review-feature-intro h2{font-size:24px}.en-surah-card{padding:15px;gap:10px}.en-surah-card strong{font-size:1rem}.en-surah-card small{font-size:.8rem}.en-surah-grid{gap:10px}html[lang=en] .verse{font-size:1.25rem;line-height:2.45}.translation{font-size:1rem}.en-article-grid{grid-template-columns:1fr}html[lang=en] .site-footer .footer-signature-text,html[lang=en] .site-footer .footer-dedication{text-align:center}}

/* Match the Arabic reader classification without changing verse spacing. */
.verse .quran-mark-appendix{background:#e8edf1;color:inherit}.verse .quran-mark-related{background:#dcefff;color:inherit}.verse .quran-mark-name{background:#ffe5a3;color:inherit}.verse mark[data-name-ids]{padding:0;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.en-quran-search-results .quran-query-match{color:#c62828;background:#e3f1ff;font-weight:inherit;padding:0;box-decoration-break:clone;-webkit-box-decoration-break:clone}
