.ayahs-list{display:flex;flex-direction:column}.ayah-row{display:flex;flex-direction:column;padding:var(--space-10) 0;border-bottom:1px solid color-mix(in srgb,var(--theme-text) 6%,transparent);gap:var(--space-6);border-left:4px solid transparent;padding-left:0;margin-left:0;scroll-margin-top:clamp(6rem,16vh,11rem);position:relative}.ayah-row:last-child{border-bottom:none}.ayah-top-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-8)}.ayah-toolbar{display:flex;align-items:center;gap:var(--space-4);flex-shrink:0;padding-top:var(--space-2)}.ayah-verse-key{font-family:var(--font-sans);font-size:.92rem;font-weight:500;color:color-mix(in srgb,var(--theme-text) 42%,transparent);letter-spacing:.04em;min-width:3ch}.ayah-actions{display:flex;align-items:center;gap:var(--space-2)}.icon-action-btn{background:transparent;border:none;color:color-mix(in srgb,var(--theme-text) 34%,transparent);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;transition:background-color var(--transition-base),color var(--transition-base),transform var(--transition-base);font-size:1.1rem}.icon-action-btn:hover{color:color-mix(in srgb,var(--theme-text) 64%,transparent);background:color-mix(in srgb,var(--theme-text) 6%,transparent)}.icon-action-btn:disabled{cursor:progress;opacity:.72}.icon-action-btn:focus-visible,.text-action-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--color-primary) 72%,white 28%);outline-offset:2px}.icon-action-btn.is-active-bookmark{color:var(--color-gold);background:color-mix(in srgb,var(--color-gold) 9%,transparent)}.text-action-btn{font-family:var(--font-sans);font-size:.85rem;font-weight:500;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.text-action-btn span{display:inline-block;transform:translateY(1px)}.ayah-play-loader{width:1rem;height:1rem;border-radius:999px;border:2px solid color-mix(in srgb,var(--theme-text) 24%,transparent);border-top-color:color-mix(in srgb,var(--color-primary) 86%,white 14%);animation:ayah-play-loader-spin .8s linear infinite}@keyframes ayah-play-loader-spin{to{transform:rotate(360deg)}}.ayah-arabic-container{display:block;text-align:right;line-height:2.05;flex-grow:1}.ayah-arabic-text{font-size:clamp(2.2rem,5.5vw,3rem);color:var(--theme-text)}.ayah-translation-container{max-width:none;padding-left:calc(3ch + var(--space-4));padding-bottom:var(--space-6);text-align:left;margin-right:auto;position:relative}.ayah-transliteration-container{max-width:none;padding-left:calc(3ch + var(--space-4));text-align:left;margin-right:auto}.ayah-transliteration-text{margin:0;font-family:var(--font-sans);font-size:.92rem;line-height:1.58;color:color-mix(in srgb,var(--theme-text) 46%,transparent);font-style:italic}.ayah-translation-text{font-family:var(--font-sans);font-size:.98rem;line-height:1.62;color:color-mix(in srgb,var(--theme-text) 64%,transparent);margin:0;text-align:left}.ayah-end-group{display:inline-flex;white-space:nowrap;align-items:center;vertical-align:middle}.ayah-end-marker{display:inline-flex;align-items:center;justify-content:center;position:relative;margin-inline-start:var(--space-2);width:.9em;height:.9em;color:var(--color-gold);transform:translateY(-2px)}.ayah-end-svg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:1}.ayah-end-num{position:relative;font-family:var(--font-sans);font-size:.45em;font-weight:800;color:color-mix(in srgb,var(--manuscript-gold, var(--color-gold)) 86%,var(--theme-text) 14%);line-height:1;display:flex;align-items:center;justify-content:center;transform:translateY(.5px)}.ayah-active{background:color-mix(in srgb,var(--theme-text) 3%,transparent);border-left:4px solid color-mix(in srgb,var(--theme-text) 18%,transparent);border-radius:0;transition:background-color .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1),border-radius .4s cubic-bezier(.16,1,.3,1)}.ayah-words{display:inline-flex;flex-wrap:wrap;justify-content:flex-start;gap:0;font-size:clamp(1.65rem,4vw,2.28rem);color:var(--theme-text);line-height:1.92}@media(max-width:960px){.ayah-row{padding:var(--space-6) 0;gap:var(--space-3);padding-left:0;margin-left:0;border-left-width:0}.ayah-top-row{flex-direction:column;gap:var(--space-3)}.ayah-toolbar{order:-1;display:grid;padding-top:0;width:100%;justify-content:stretch;gap:var(--space-2)}.ayah-actions{margin-left:0;justify-content:flex-start;flex-wrap:wrap;gap:.35rem}.ayah-verse-key{min-width:auto;font-size:.82rem}.icon-action-btn{min-width:46px;min-height:46px}.text-action-btn{padding-inline:var(--space-2)}.text-action-btn span{display:none}.ayah-arabic-container{width:100%;line-height:1.96}.ayah-translation-container{padding-left:0;max-width:100%;padding-bottom:var(--space-4)}.ayah-translation-container:after{left:0}.ayah-transliteration-container{padding-left:0;max-width:100%}}@media(max-width:480px){.ayah-toolbar,.ayah-actions{gap:var(--space-3)}.icon-action-btn{min-width:48px;min-height:48px;padding:calc(var(--space-2) + 1px)}.text-action-btn{min-height:44px}}