.sura-reader{flex-direction:column;gap:1.75rem;min-width:0;padding-block:2rem;display:flex}.reader-layout{flex-direction:column;gap:2rem;display:flex}.legend-sidebar{border:1px solid var(--color-border);background:var(--color-bg-elevated);border-radius:.6rem;height:fit-content;padding:1rem 1.1rem}.legend-sidebar-heading{color:var(--color-text-muted);align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.95rem;display:flex}.legend-sidebar-heading:before{content:"";background:var(--color-gold);width:1.1rem;height:2px;display:inline-block}.legend-sidebar-list{flex-direction:column;gap:.4rem;display:flex}.legend-sidebar-list .legend-item{padding:.3rem .5rem;font-size:.82rem}@media (min-width:75rem){.reader-layout{flex-direction:row;align-items:flex-start}.sura-reader{flex:1}.legend-sidebar{flex-shrink:0;width:15rem;position:sticky;top:5rem}.legend-fab{display:none}}.legend-fab{z-index:20;border:1px solid var(--color-gold);background:var(--color-bg-elevated);color:var(--color-text);font-family:var(--font-latin);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:.7rem 1.1rem;font-size:.85rem;font-weight:600;display:inline-flex;position:fixed;bottom:1.1rem;right:1.1rem;box-shadow:0 4px 14px #00000026}.legend-fab-dialog{background:var(--color-bg-elevated);max-width:min(24rem,90vw);max-height:75vh;color:var(--color-text);border:none;border-radius:.75rem;padding:1.5rem;position:relative;overflow-y:auto}.legend-fab-dialog::backdrop{background:#14120e80}.ayah-row{border-bottom:1px solid var(--color-border);grid-template-columns:1fr;gap:.75rem;padding-block-end:1.75rem;display:grid}.ayah-gutter{color:var(--color-text-muted);order:0;align-items:center;gap:.6rem;display:flex}.ayah-number{font-variant-numeric:tabular-nums;font-size:.9rem}.ayah-play-button{border:1px solid var(--color-gold);background:var(--color-bg-elevated);color:var(--color-gold);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;line-height:1;display:inline-flex}.ayah-play-button svg{transform:translate(1px)}.ayah-play-button:hover{background:var(--color-gold-soft)}.ayah-translation{font-family:var(--font-latin);order:2;font-size:clamp(1.15rem,1.05rem + .3vw,1.35rem);font-weight:500;line-height:1.9}.bosnian-token{cursor:pointer;padding:.05em .1em}.ayah-arabic{font-family:var(--font-arabic);text-align:right;order:1;font-size:clamp(1.9rem,1.6rem + 1.4vw,2.4rem);line-height:2.4}.arabic-word{cursor:pointer;white-space:nowrap;padding:.05em .15em}.ayah-end-mark{font-family:var(--font-arabic);color:var(--color-gold);margin-inline-start:.15em}@media (min-width:62rem){.ayah-row{grid-template-columns:3rem minmax(0,1fr) minmax(0,1.3fr);align-items:baseline}.ayah-gutter{flex-direction:column;order:0;align-self:start;padding-top:.3rem}.ayah-translation{order:1}.ayah-arabic{order:2}}