/* MAAZLIFE V60: focused performance and accessibility remediation.
   Shared across all public pages to keep the visual system uniform. */

/* The skip link must appear immediately on keyboard focus. */
.skip-link:focus,
.skip-link:focus-visible {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
  transition: none !important;
}

/* Functional microcopy: brighter and no smaller than a practical 11px floor. */
.breadcrumbs,
.cover-data,
.cover-caption,
.release-facts,
.song-meta,
.player-top,
.player-timeline,
.player-links,
.console-head,
.console-timeline,
.console-links,
.track-status span,
.track-action,
.panel-foot,
.stage-topline,
.stage-bottomline,
.project-caption p,
.track-count,
.active-copy span,
.gesture-hint,
.credit-row dt,
.track-link span,
.tracklist-link span,
.mk-track-number,
.mk-track-duration,
.project-track-status,
.release-console-state,
.player-plate-state,
.mk-times,
.mk-player-message,
.mk-fallback,
.release-console-note,
.newsletter-note,
.newsletter-loading,
.newsletter-fallback,
.founder-credit,
.process-note,
.press-facts span,
.contact-panel span,
.contact-panel p,
.contact-details > a span,
.mission-tags span,
.principle-index,
.eyebrow,
.section-index,
.press-kicker {
  font-size: .6875rem !important;
}

.breadcrumbs,
.cover-data,
.cover-caption,
.release-facts,
.song-meta,
.player-top,
.player-timeline,
.player-links,
.console-head,
.console-timeline,
.console-links,
.track-status span,
.track-number,
.track-action,
.panel-foot,
.stage-topline,
.stage-bottomline,
.project-caption p,
.track-count,
.active-copy span,
.gesture-hint,
.credit-row dt,
.track-link span,
.tracklist-link span,
.mk-track-number,
.mk-track-duration,
.project-track-status,
.release-console-state,
.player-plate-state,
.mk-times,
.mk-player-message,
.mk-fallback,
.release-console-note,
.rights,
.newsletter-note,
.newsletter-loading,
.founder-credit,
.process-note,
.press-facts span,
.contact-panel span,
.contact-panel p,
.contact-details > a span,
footer {
  color: rgba(244, 240, 234, .76) !important;
}

.breadcrumbs i {
  color: var(--accent-soft, var(--red-soft, var(--gold-light, #eadab2))) !important;
  opacity: .92;
}

.stage-topline strong,
.panel-foot a,
.newsletter-fallback {
  color: rgba(244, 240, 234, .86) !important;
}

.track-action {
  opacity: .76 !important;
  transform: none !important;
}

.rights {
  font-size: .75rem !important;
  line-height: 1.75 !important;
}

footer {
  font-size: .6875rem !important;
}

/* Keep the visible rail elegant while giving every audio slider a 24px hit area. */
input[type="range"] {
  min-height: 1.5rem !important;
  height: 1.5rem !important;
  cursor: pointer;
  background: transparent;
}

input[type="range"]::-webkit-slider-runnable-track {
  height: 2px;
  border-radius: 999px;
}

input[type="range"]::-moz-range-track {
  height: 2px;
  border-radius: 999px;
}

/* Homepage MusicKit details that were intentionally too faint in earlier builds. */
.mk-connect[disabled] {
  color: rgba(255, 255, 255, .76) !important;
  border-color: rgba(255, 255, 255, .36) !important;
}

.project-player-tracklist .play-control .mk-track-number,
.project-player-tracklist .play-control .project-track-status {
  color: rgba(255, 255, 255, .76) !important;
  font-size: .6875rem !important;
}

/* Mobile DSP links clear the WCAG 2.2 24px minimum target. */
@media (max-width: 700px) {
  .platform-icon-link {
    width: 1.625rem !important;
    height: 1.625rem !important;
    min-width: 1.625rem !important;
    min-height: 1.625rem !important;
  }

  .platform-icon,
  .amazon-music-mark {
    width: 1.125rem !important;
    height: 1.125rem !important;
  }
}

/* V63 track-list hierarchy repair.
   Song titles are the primary content. Utility labels remain readable but secondary. */
.track-columns .track-link {
  min-height: 4rem;
}

.track-columns .track-link .track-title {
  color: rgba(244, 240, 234, .94) !important;
  font-size: clamp(1.22rem, 1.6vw, 1.5rem) !important;
  font-weight: 500 !important;
  letter-spacing: -.015em !important;
  line-height: 1.05 !important;
}

.track-columns .track-link .track-number {
  color: rgba(244, 240, 234, .58) !important;
  font-size: .6875rem !important;
}

.track-columns .track-link .track-action {
  color: rgba(244, 240, 234, .62) !important;
  font-size: .6875rem !important;
  opacity: .58 !important;
}

.track-columns .track-link:hover .track-title,
.track-columns .track-link:focus-visible .track-title {
  color: #fff !important;
}

.track-columns .track-link:hover .track-action,
.track-columns .track-link:focus-visible .track-action {
  color: var(--accent-soft, var(--gold-light, #eadab2)) !important;
  opacity: 1 !important;
}

@media (max-width: 650px) {
  .track-columns .track-link {
    min-height: 4.15rem;
  }

  .track-columns .track-link .track-title {
    font-size: 1.28rem !important;
  }
}