.mpage{aspect-ratio:.66;background:var(--surface);border:1px solid var(--line);width:min(100%,560px);min-width:0;box-shadow:0 1px 0 var(--line);grid-template-rows:auto 1fr;padding:18px 22px 22px;display:grid}.mhead{color:var(--muted);border-bottom:1px solid var(--line);justify-content:space-between;margin-bottom:6px;padding-bottom:6px;font-size:.8rem;display:flex}.mlines{grid-template-rows:repeat(15,1fr);align-items:center;min-width:0;line-height:1;display:grid;overflow:hidden}.mline{white-space:nowrap;justify-content:space-between;align-items:center;display:flex}.mline.center{justify-content:center;gap:.18em}.mlines.measuring .mline{justify-content:flex-start;width:max-content;display:inline-flex}.msurah{font-family:var(--f-ui);color:var(--gold);justify-content:center;font-size:max(.95rem,.34em)}.msurah span{border:1px solid color-mix(in srgb, var(--gold) 55%, transparent);border-radius:999px;padding:.15em 1.4em}.mbasmala{font-family:var(--f-quran);justify-content:center;font-size:.62em}.mw{cursor:pointer;border-radius:4px}.mw.on{background:color-mix(in srgb, var(--gold) 12%, transparent)}.mw.sel{background:color-mix(in srgb, var(--gold) 22%, transparent)}.mw.out{opacity:.28;cursor:default}[data-tajweed=on] .mlines{font-palette:--tajweed-light}[data-tajweed=off] .mlines{font-palette:--plain-light}:root[data-theme=dark] [data-tajweed=on] .mlines{font-palette:--tajweed-dark}:root[data-theme=dark] [data-tajweed=off] .mlines{font-palette:--plain-dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) [data-tajweed=on] .mlines{font-palette:--tajweed-dark}:root:not([data-theme=light]) [data-tajweed=off] .mlines{font-palette:--plain-dark}}.mstack{justify-items:center;gap:14px;display:grid}.mslot{aspect-ratio:.66;background:var(--surface);border:1px solid var(--line);border-radius:14px;width:min(100%,560px)}.mslot.drawn{aspect-ratio:auto;background:0 0;border:0}.mstack .mpage{border-radius:14px;width:100%}.viewswitch{border:1px solid var(--line);background:var(--surface);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.viewswitch button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:5px 14px;font-size:.85rem}.viewswitch button[aria-pressed=true]{color:var(--bg);background:var(--gold)}@media (width<=600px){.mpage{padding:12px 10px 14px}}