@font-face{font-family:ChaabiQuran;src:url('../fonts/AmiriQuran.v392.ttf') format('truetype');font-display:swap;font-weight:400;font-style:normal;}
/* Scoped only. Host supplies theme variables and the licensed font. */
.quran-reader { --qr-accent:var(--accent-color,#177767); box-sizing:border-box;inline-size:100%;max-inline-size:76rem;min-inline-size:0;margin-inline:auto;padding:1rem max(.75rem,env(safe-area-inset-right)) max(1.5rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));color:var(--text-primary,#182b28);background:var(--bg-primary,#fafbf8);font-family:system-ui,sans-serif;line-height:1.6;overflow-wrap:anywhere; }
.quran-reader *, .quran-reader *::before, .quran-reader *::after {box-sizing:border-box;}
.quran-reader [hidden] {display:none!important;}
.quran-reader .qr-title {margin:0 0 .25rem;font-size:1.6rem;}
.quran-reader .qr-status, .quran-reader .qr-feedback, .quran-reader .qr-save-status {color:var(--text-secondary,#475b56);font-size:.9rem;}
.quran-reader .qr-controls {position:sticky;inset-block-start:var(--qr-sticky-top,0px);z-index:2;display:grid;grid-template-columns:minmax(8rem,2fr) repeat(2,minmax(5rem,1fr)) repeat(2,minmax(7rem,1fr));align-items:end;gap:.5rem;padding:.75rem;background:var(--bg-secondary,#eef3ee);border:1px solid var(--border-color,#c6d3cc);border-radius:.75rem;box-shadow:0 2px 8px #00000012;}
.quran-reader .qr-field {display:flex;flex-direction:column;gap:.2rem;min-inline-size:0;}
.quran-reader .qr-label {font-size:.8rem;line-height:1.3;}
.quran-reader button, .quran-reader input, .quran-reader select {min-block-size:44px;min-inline-size:44px;max-inline-size:100%;inline-size:100%;padding:.5rem .6rem;color:var(--text-primary,#182b28);background:var(--bg-primary,#fafbf8);border:1px solid var(--border-color,#a8bab0);border-radius:.4rem;font:inherit;font-size:.9rem;line-height:1.3;}
.quran-reader button {cursor:pointer;white-space:normal;overflow-wrap:anywhere;}
.quran-reader button:hover {border-color:var(--qr-accent);}
.quran-reader button:disabled {cursor:wait;opacity:.65;}
.quran-reader .qr-go {color:var(--bg-primary,#fff);background:var(--qr-accent);font-weight:650;}
.quran-reader :focus-visible {outline:3px solid var(--qr-accent);outline-offset:3px;}
.quran-reader .qr-copy {display:flex;flex-direction:column;gap:.25rem;margin-block:.5rem;}
.quran-reader .qr-notice {padding:.65rem;border-inline-start:4px solid var(--qr-accent);background:var(--bg-secondary,#eef3ee);}
.quran-reader .qr-surah-title {font-family:'ChaabiQuran',serif;font-size:1.8rem;text-align:center;margin-block:1.5rem;}
.quran-reader .qr-ayah {direction:rtl;text-align:right;padding:1rem;margin:0 0 .7rem;border:1px solid var(--border-color,#d3ded5);border-radius:.6rem;min-inline-size:0;scroll-margin-block-start:calc(var(--qr-controls-height,220px) + var(--qr-sticky-top,0px) + 1rem);}
.quran-reader .qr-text {font-family:'ChaabiQuran',serif;font-size:var(--qr-font-size,30px);line-height:2.2;unicode-bidi:isolate;overflow-wrap:anywhere;}
.quran-reader .qr-number {display:inline-block;margin-inline-start:.7rem;padding-inline:.5rem;border:1px solid var(--border-color,#a7bbae);border-radius:1rem;font:.85rem/1.8 system-ui,sans-serif;vertical-align:middle;unicode-bidi:isolate;}
.quran-reader .qr-ayah.is-reference {background:var(--bg-secondary,#eef3ee);}
.quran-reader .qr-ayah.is-current {border-inline-start:5px solid var(--qr-accent);}
.quran-reader .qr-footer {margin-block-start:2rem;padding-block-start:1rem;border-block-start:1px solid var(--border-color,#c6d3cc);font-size:.85rem;}
.quran-reader .qr-footer a {display:inline-flex;align-items:center;min-block-size:44px;color:var(--qr-accent);text-decoration:underline;}
.quran-reader .qr-license-notice {white-space:pre-wrap;color:var(--text-secondary,#475b56);}
@media (max-width:800px) {.quran-reader .qr-controls {grid-template-columns:repeat(2,minmax(0,1fr));padding:.5rem;}.quran-reader .qr-field:first-child {grid-column:1 / -1;}.quran-reader .qr-ayah {padding:.75rem;}}
@media (max-height:600px) {.quran-reader .qr-controls {position:static;}}
@media (prefers-reduced-motion:reduce) {.quran-reader, .quran-reader * {scroll-behavior:auto!important;animation:none!important;transition:none!important;}}


.quran-reference-card{display:flex;align-items:center;gap:.75rem;margin:.75rem;padding:.75rem;min-height:60px;border:1px solid var(--border-color,#bbcfc4);border-radius:12px;background:var(--bg-secondary,#eef3ee);color:var(--text-primary,#183c32);text-decoration:none;overflow-wrap:anywhere;line-height:1.5}.quran-reference-card>span:nth-child(2){display:flex;flex:1;min-width:0;flex-direction:column}.quran-reference-card small,.quran-reference-card span span{color:var(--text-secondary,#4e665f);font-size:12px}.quran-reference-card strong{color:var(--text-primary,#183c32);font-size:18px;text-align:start}.quran-reference-card:focus-visible{outline:3px solid var(--accent-color,#177767);outline-offset:2px}.quran-reference-card.is-compact{margin:.3rem 0;max-width:320px;padding:.4rem .65rem;min-height:48px}.quran-reference-card.is-compact>span:nth-child(2){flex-direction:row;align-items:center;gap:.4rem;flex-wrap:wrap}.quran-reference-card.is-compact small{display:none}.quran-card-symbol{font-size:25px}.quran-public-link{display:inline-flex;align-items:center;min-height:44px;padding:0 .5rem;color:var(--text-primary,#183c32);font-size:14px;text-decoration:none}.quran-offline-shell{margin:0;background:var(--bg-primary,#fafbf8);color:var(--text-primary,#182b28);font-family:system-ui,sans-serif}.quran-offline-shell>header{display:flex;justify-content:space-between;padding:.5rem 1rem;border-bottom:1px solid var(--border-color,#ccc)}.quran-offline-shell>header a{display:inline-flex;min-height:44px;align-items:center;color:inherit}.quran-offline-shell [data-quran-standalone]{padding-bottom:max(2rem,env(safe-area-inset-bottom))}html[data-theme=dark] .quran-offline-shell{--bg-primary:#0f172a;--bg-secondary:#1e293b;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--border-color:#475569;--accent-color:#52bba4}.qr-edition{font-size:.85rem;color:var(--text-secondary,#475569)}