.qul-main{max-width:1340px;font-family:'Site TheSans',Tahoma,sans-serif}
.qul-hero{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:clamp(24px,4vw,48px);background:#0d3657;border:1px solid #255775;border-top:3px solid #c49a54;border-radius:22px;color:#f9fbfd;overflow:hidden}
.qul-hero-copy{max-width:850px;min-width:0}
.qul-breadcrumb{color:#c7dceb;text-decoration:none;font-size:14px;line-height:1.8;border-bottom:1px solid #6b8b9e}
.qul-main .qul-hero h1{color:#fff;font-size:clamp(26px,3.1vw,42px);line-height:1.6;margin:16px 0 10px;overflow-wrap:anywhere}
.qul-introduction{font-size:clamp(17px,1.65vw,21px);line-height:1.9;color:#e0eaf1;margin:0;max-width:740px}
.qul-total{display:flex;align-items:baseline;gap:12px;margin:24px 0 0;color:#e7d5b3}
.qul-total strong{font:700 48px/1.1 'Site TheSans',Arial,sans-serif;color:#f4ce87;font-variant-numeric:tabular-nums}
.qul-total span{font-size:16px}
.qul-seal{display:flex;align-items:center;justify-content:center;flex:0 0 134px;width:134px;height:134px;border:1px solid #b28b49;border-radius:50%;outline:1px solid #517082;outline-offset:9px;font:64px/1 'Amiri Quran',serif;color:#f5d390;padding-bottom:16px;margin-inline:10px}
.qul-group-menu{margin:16px 0 28px;border-bottom:1px solid #d8e4ec;padding:12px 2px;color:#38617e}
.qul-group-menu>summary{cursor:pointer;font-size:15px;line-height:1.8;width:fit-content}
.qul-group-menu>summary:focus-visible{outline:3px solid #bd913f;outline-offset:4px}
.qul-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;margin:0 0 22px}
.qul-search-box{width:min(100%,440px)}
.qul-search-box label{display:block;font-size:14px;margin-bottom:7px;color:#305772}
.qul-search-box input{width:100%;min-height:48px;background:#fff;border:1px solid #a9c1d2;border-radius:10px;padding:10px 14px;font:16px/1.6 'Site TheSans',Tahoma,sans-serif;color:#123c61}
.qul-search-box input:focus-visible{outline:3px solid #bf9a56;outline-offset:2px}
#qul-results{font-size:13px;color:#5c7181;margin:7px 0 0;min-height:20px}
.qul-legend{display:flex;gap:12px 20px;flex-wrap:wrap;margin:0;font-size:13px;line-height:1.8;color:#48667b}
.qul-legend>span{display:flex;gap:7px;align-items:center}
.qul-legend i{display:inline-block;width:13px;height:13px;border-radius:3px}
.qul-command-key{background:#cde9ed;border:1px solid #43828e}
.qul-name-key{background:#f7e2aa;border:1px solid #b38939}
.qul-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}
.qul-card{min-width:0;border:1px solid #cadce8;border-radius:16px;background:#fff;box-shadow:0 6px 18px #113d5a06;overflow:hidden;scroll-margin-top:24px}
.qul-card:target{outline:3px solid #bd913f;outline-offset:4px}
.qul-card-heading{display:flex;align-items:center;gap:16px;padding:22px 24px;background:#eef5f9;border-bottom:1px solid #d8e6ee}
.qul-card-heading>div{min-width:0;flex:1}
.qul-card h2{font:700 clamp(23px,2vw,28px)/1.7 'Site TheSans',Tahoma,sans-serif;color:#123c61;margin:0;overflow-wrap:anywhere}
.qul-card-number{display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;border:1px solid #c5d9e5;background:#fff;color:#668093;font:16px/1.5 'Site TheSans',Arial,sans-serif;font-variant-numeric:tabular-nums}
.qul-english-name{font:17px/1.6 Calibri,Arial,sans-serif;color:#466479;margin:6px 0 0}
.qul-relation{font-size:12px;line-height:1.7;color:#5d7180;margin:15px 24px 0;padding-inline-start:9px;border-inline-start:2px solid #c5ab77}
.qul-evidence{padding:0 24px 8px}
.qul-verse{margin:0;padding:21px 0}
.qul-verse+.qul-verse{border-top:1px solid #e4ecf1}
.qul-verse figcaption{margin:0 0 12px;font:13px/1.8 'Site TheSans',Tahoma,sans-serif;color:#5a7588}
.qul-verse figcaption a{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;color:inherit;text-decoration:none}
.qul-verse figcaption a:hover,.qul-verse figcaption a:focus-visible{color:#0c577d;text-decoration:underline}
.qul-verse figcaption span{font-variant-numeric:tabular-nums}
.qul-read-context{margin-inline-start:auto;font-size:11px;color:#6e8493}
.qul-verse blockquote{font:24px/2.65 'Amiri Quran',Amiri,serif;text-align:right;color:#223a4a;margin:0;padding:0;border:0;overflow-wrap:break-word}
/* Amiri Quran's inline metrics span 2.449em. Paint a bounded band per fragment
   so a wrapped name cannot cover the preceding line, including in Safari. */
.qul-verse mark{color:inherit;border-radius:3px;padding:0;line-height:inherit;background-color:transparent;background-image:linear-gradient(var(--qul-highlight),var(--qul-highlight));background-size:100% 1.4em;background-position:0 50%;background-repeat:no-repeat;box-shadow:none;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.qul-verse .qul-command{--qul-highlight:#d6edf0}
.qul-verse .qul-name{--qul-highlight:#fae9b8}
.qul-translation{font:16px/1.75 Calibri,Arial,sans-serif;margin:18px 0 0;color:#4d6474}
.qul-translation-notes{font:14px/1.7 Calibri,Arial,sans-serif;color:#657989;margin:12px 0 0}
.qul-translation-notes summary{cursor:pointer}
.qul-translation-notes p{white-space:pre-line}
.qul-source{font-size:13px;line-height:1.9;color:#627b8b;margin:28px 0 0;max-width:900px}
.qul-source a{color:#325f7d}
.qul-rabb-audit{margin:24px 0 32px;padding:24px;border:1px solid #cadce8;border-radius:16px;background:#fff;color:#24465e;font-size:15px;line-height:1.9;scroll-margin-top:24px}
.qul-rabb-audit h2{margin:0;color:#123c61;font-size:24px}
.qul-audit-scroll{overflow-x:auto;margin:18px 0}
.qul-audit-scroll table{border-collapse:collapse;width:100%;min-width:500px;font-variant-numeric:tabular-nums}
.qul-audit-scroll th,.qul-audit-scroll td{padding:10px 12px;border-bottom:1px solid #d8e6ee;text-align:center}
.qul-audit-scroll thead,.qul-audit-scroll tfoot{background:#eef5f9}
.qul-audit-scroll tbody tr:nth-child(even){background:#f8fafc}
.qul-rabb-audit a,.qul-rabb-evidence summary{color:#245d7d}
.qul-audit-pending summary,.qul-rabb-evidence summary{cursor:pointer;padding:12px 0;font-size:14px}
.qul-rabb-evidence>summary{padding:16px 24px}
.qul-audit-pending li{margin:18px 0;border-bottom:1px solid #d8e6ee;padding-bottom:18px}
.qul-audit-pending blockquote{font:23px/2.5 'Amiri Quran',Amiri,serif;margin:12px 0;text-align:right}
.qul-audit-pending mark{background:#fae9b8;color:inherit}
.qul-reading-note{font-size:13px;color:#5d7180}
.qul-no-results{padding:35px;border:1px dashed #b9ccd8;border-radius:14px;text-align:center;color:#557184}
.qul-main [hidden]{display:none!important}
html[lang=en] .qul-main,html[lang=en] .qul-main h1,html[lang=en] .qul-search-box input,html[lang=en] .qul-verse figcaption{font-family:Calibri,Arial,sans-serif}
html[lang=en] .qul-card h2{text-align:right}
@media(max-width:800px){.qul-cards{grid-template-columns:1fr}.qul-seal{flex-basis:96px;width:96px;height:96px;font-size:48px}.qul-hero{gap:24px}}
@media(max-width:520px){.qul-main{padding:18px 14px 36px}.qul-hero{padding:24px 20px;gap:0}.qul-seal{display:none}.qul-total{margin-top:20px}.qul-total strong{font-size:40px}.qul-card-heading{padding:18px;gap:12px}.qul-card h2{font-size:23px}.qul-evidence{padding:0 18px 4px}.qul-relation{margin-inline:18px}.qul-verse blockquote{font-size:23px}.qul-cards{gap:16px}.qul-tools{gap:12px}}
@media print{.qul-group-menu,.qul-tools,.qul-read-context{display:none}.qul-cards{display:block}.qul-card{break-inside:avoid;margin-bottom:18px;box-shadow:none}.qul-hero{background:#fff;color:#123c61}.qul-main .qul-hero h1,.qul-introduction,.qul-total,.qul-total strong{color:#123c61}.qul-seal{display:none}.qul-verse mark{print-color-adjust:exact;-webkit-print-color-adjust:exact}}
