/* Shared support link and the centered header shortcuts. */
.site-support-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.375rem;
  flex-shrink:0;
  min-height:44px;
  padding:.125rem .5rem;
  border:0;
  border-radius:.375rem;
  background:transparent;
  color:var(--gold);
  font:400 .8125rem/1.7 ArabicUI,Tahoma,Arial,sans-serif;
  text-decoration:none;
  white-space:nowrap;
  touch-action:manipulation;
  text-underline-offset:.25em;
  transition:color .18s;
}
.site-support-link svg{width:16px;height:16px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;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{color:var(--gold-bright);text-decoration:underline}}
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}}

/* A centered brand, quiet support link, and full-width shortcuts. */
.header:has(.prayer-header-links){display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"brand" "support" "worship";gap:.2rem;align-items:center;padding-block:.75rem}
.header:has(.prayer-header-links) .brand{grid-area:brand;justify-self:center}
.header:has(.prayer-header-links) .site-support-link{grid-area:support;justify-self:center}
.prayer-header-links{grid-area:worship;justify-self:stretch;display:grid;grid-template-columns:minmax(0,1fr) minmax(max-content,1.35fr) minmax(0,1fr);align-items:stretch;gap:.625rem;width:100%;max-width:100%;min-width:0;padding-block:0}
.prayer-header-links>:is(a,button){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;justify-self:stretch;gap:.5rem;width:100%;min-width:0;min-height:52px;padding:.625rem 1rem;margin:0;border:1px solid var(--line);border-radius:999px;color:var(--gold-bright);background:var(--appearance-tint,rgba(212,186,125,.07));font:400 .9375rem/1.7 ArabicUI,Tahoma,Arial,sans-serif;text-decoration:none;white-space:nowrap;touch-action:manipulation}
.prayer-header-links>[hidden]{display:none!important}
.prayer-header-links svg{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.prayer-header-links>[aria-current=page]{border-color:var(--gold)}.prayer-header-links>:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
body.mushaf-focus .prayer-header-links,body.quiet-reading .prayer-header-links{display:none}
@media(hover:hover){.prayer-header-links>:hover{border-color:var(--gold)}}
@media(max-width:600px){.prayer-header-links{gap:.5rem}.prayer-header-links>:is(a,button){min-height:50px;padding:.5rem .6rem;gap:.4rem}}
@media(max-width:360px){.prayer-header-links{gap:.3rem}.prayer-header-links>:is(a,button){min-height:48px;padding-inline:.375rem;gap:.3rem;font-size:.8125rem}.prayer-header-links svg{width:18px;height:18px}}

/* Compact chime toggle beside the counting tools, with a full touch target. */
.sound-toggle.counter-sound{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;gap:0;border-radius:50%;color:var(--muted);border-color:var(--line);touch-action:manipulation}
.sound-toggle.counter-sound svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.sound-toggle.counter-sound #soundText{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.sound-toggle.counter-sound[hidden]{display:none!important}
.sound-toggle.counter-sound:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.counter-reset-tools{display:inline-flex;align-items:center;justify-content:center;gap:8px}
@media(max-width:600px){.counter-controls{gap:8px}.counter-controls>.voice-toggle{padding-inline:13px}.counter-reset-tools .reset-button{padding-inline:12px}}
@media print{.prayer-header-links,.counter-sound{display:none!important}}