/* Shared header support link, with space for the existing reading controls. */
.header:has(.site-support-link){column-gap:.75rem}
.header:has(.site-support-link) .header-actions{margin-inline-start:auto;flex-wrap:wrap;justify-content:flex-end;max-width:100%}
.site-support-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  flex-shrink:0;
  min-height:44px;
  padding:.5rem .875rem;
  border:1px solid var(--gold);
  border-radius:999px;
  background:var(--appearance-tint,rgba(212,186,125,.07));
  color:var(--gold-bright);
  font:400 .875rem/1.7 ArabicUI,Tahoma,Arial,sans-serif;
  text-decoration:none;
  white-space:nowrap;
  touch-action:manipulation;
  transition:background .18s,border-color .18s;
}
.site-support-link svg{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.site-support-link:focus-visible{outline:2px solid var(--gold-bright);outline-offset:4px}
@media(hover:hover){.site-support-link:hover{background:color-mix(in srgb,var(--gold) 15%,var(--surface));border-color:var(--gold-bright)}}
@media(max-width:600px){
  .header:has(.site-support-link) .header-actions{order:3;flex-basis:100%;margin-inline-start:0}
  .site-support-link{padding-inline:.75rem;gap:.375rem}
}
body.mushaf-focus .site-support-link,body.quiet-reading .site-support-link{display:none}
@media(prefers-reduced-motion:reduce){.site-support-link{transition:none}}
@media print{.site-support-link{display:none!important}}