.dsq-surah-art {
  box-sizing: border-box; width: min(900px, calc(100vw - 24px)); max-width: 100%;
  max-height: calc(100dvh - 24px); margin: auto; padding: clamp(14px, 3vw, 26px);
  background: var(--art-bg); color: var(--art-text); border: 1px solid var(--art-border);
  border-radius: 24px; overflow: auto; overscroll-behavior: contain;
  font-family: Poppins, Arial, sans-serif;
}
.dsq-surah-art::backdrop { background: #000a; backdrop-filter: blur(5px); }
.dsq-surah-art header { display: flex; gap: 12px; align-items: center; justify-content: space-between; }
.dsq-surah-art h2 { margin: 0; font-size: clamp(19px, 4vw, 27px); line-height: 1.3; overflow-wrap: anywhere; }
.dsq-surah-art p { font-size: 13px; line-height: 1.6; }
.dsq-surah-art img { display: block; max-width: 100%; max-height: 60dvh; width: auto; height: auto; margin: 14px auto; border-radius: 14px; }
.dsq-surah-art nav, .dsq-surah-downloads { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
.dsq-surah-art button, .dsq-surah-art a {
  box-sizing: border-box; min-height: 44px; padding: 10px 14px; font: 600 13px/1.4 Poppins, Arial, sans-serif;
  border: 1px solid var(--art-border); border-radius: 12px; background: transparent;
  color: var(--art-text); text-decoration: none; cursor: pointer; text-align: center;
}
.dsq-surah-art a[href] { background: color-mix(in srgb, var(--art-accent) 18%, var(--art-bg)); }
.dsq-surah-art button:disabled { opacity: .45; cursor: default; }
.dsq-surah-art a:not([href]) { opacity: .45; pointer-events: none; }
.dsq-surah-art :focus-visible { outline: 2px solid var(--art-accent); outline-offset: 3px; }
.dsq-surah-art [hidden] { display: none !important; }
@media (max-width: 520px) {
  .dsq-surah-downloads { display: grid; grid-template-columns: minmax(0, 1fr); }
  .dsq-surah-art header button { flex-shrink: 0; }
}