.surah-header { padding: clamp(32px,5vw,52px) 0; border-bottom: 1px solid var(--border); background: var(--surface-soft); }
.reading-container { max-width: 940px; }
.surah-title-row { display: flex; align-items: end; justify-content: space-between; gap: 24px; }
.surah-title-row h1 { margin: 0; font-size: clamp(34px,6vw,55px); font-weight: 600; line-height: 1.35; }
.surah-title-row p { margin: 5px 0 0; color: var(--muted); font-size: 11px; }
.surah-actions { display: flex; gap: 8px; }
.reading-layout { padding-block: clamp(24px,5vw,55px) 80px; }
.mushaf-sheet { padding: clamp(24px,6vw,62px); border: 1px solid var(--border); border-radius: 20px; background: var(--surface); box-shadow: var(--shadow); }
.mushaf-title { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 17px; margin-bottom: 25px; }
.mushaf-title span { height: 1px; background: var(--border); }
.mushaf-title h2 { margin: 0; color: var(--accent); font-family: "Noto Naskh Arabic", "Traditional Arabic", serif; font-size: clamp(23px,4vw,34px); font-weight: 600; }
.basmala { margin: 12px 0 26px; text-align: center; font-family: "Noto Naskh Arabic", "Traditional Arabic", serif; font-size: clamp(27px,4.5vw,39px); font-weight: 500; line-height: 2; }
.mushaf-text { direction: rtl; font-family: "Noto Naskh Arabic", "Traditional Arabic", "Times New Roman", serif; font-size: var(--quran-size); font-weight: 500; line-height: 2.25; text-align: justify; text-justify: inter-word; word-spacing: .06em; }
.mushaf-ayah { scroll-margin-top: calc(var(--header-height) + 25px); }
.mushaf-ayah:target { background: var(--accent-soft); border-radius: 5px; }
.ayah-marker { display: inline-grid; place-items: center; min-width: 34px; height: 34px; margin-inline: 3px; padding: 0 6px; border: 1px solid color-mix(in srgb, var(--accent) 45%, var(--border)); border-radius: 50%; color: var(--accent); font-family: "Noto Naskh Arabic", serif; font-size: 13px; font-weight: 700; line-height: 1; vertical-align: middle; }
.ayah-marker:hover { background: var(--accent-soft); }
.surah-pagination { display: flex; justify-content: space-between; gap: 12px; margin-top: 24px; }
.surah-pagination a { padding: 10px 15px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface); color: var(--accent); font-size: 11px; font-weight: 600; }
.ayah-list { max-width: 900px; margin-inline: auto; }
.ayah-row { padding: 24px 3px; border-bottom: 1px solid var(--border); scroll-margin-top: calc(var(--header-height) + 15px); }
.ayah-row:target { padding-inline: 15px; border-radius: 12px; background: var(--accent-soft); }
.ayah-meta { display: flex; align-items: center; gap: 9px; margin-bottom: 10px; color: var(--accent); font-size: 10px; font-weight: 700; }
.sajda-badge { padding: 2px 7px; border-radius: 999px; background: var(--accent-soft); }
.ayah-text { margin: 0; font-family: "Noto Naskh Arabic", "Traditional Arabic", serif; font-size: var(--quran-size); line-height: 2.15; }
.ayah-number { display: inline-grid; place-items: center; min-width: 36px; height: 36px; padding: 0 6px; border: 1px solid var(--border); border-radius: 50%; color: var(--accent); font-size: 13px; vertical-align: middle; }
.ayah-tools { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px; }
.ayah-tools button, .ayah-tools a { padding: 6px 10px; border: 1px solid var(--border); border-radius: 8px; background: var(--surface); color: var(--muted); font-size: 10px; cursor: pointer; }
.ayah-tools button:hover, .ayah-tools a:hover, .ayah-tools button.saved { border-color: var(--accent); color: var(--accent); background: var(--accent-soft); }
.single-ayah { max-width: 900px; }
.single-ayah .ayah-row { padding: clamp(25px,6vw,50px); border: 1px solid var(--border); border-radius: 17px; background: var(--surface); }

@media (max-width: 680px) {
    .surah-title-row { align-items: stretch; flex-direction: column; }
    .surah-actions { display: grid; grid-template-columns: 1fr 1fr; }
    .mushaf-sheet { padding: 24px 18px; border-radius: 14px; }
    .mushaf-text { line-height: 2.15; text-align: right; }
    .ayah-marker { min-width: 30px; height: 30px; font-size: 11px; }
    .surah-pagination a { padding: 9px 11px; }
}