/* Last update 5:40 PM 6/24/25 */
/* "Arial", sans-serif Font */
/* Global Font Settings */
@font-face {
  font-family: "ArialWeb";
  src: local("Arial"), url("/fonts/Arial.woff2") format("woff2");
  font-display: swap;
}

html {
  font-size: clamp(1rem, 1.25vw + 0.25rem, 1.125rem); /* Responsive base size */
  font-family: "ArialWeb", sans-serif;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  word-wrap: break-word;
}

/* Heading Sizes */

h1, h2, h3, h4, h5, h6 {
  font-size: clamp(1.2rem, 2vw + 0.5rem, 1.8rem);
  font-weight: bold;
  text-align: center;
  max-width: 100%;
  overflow-wrap: break-word;
}

/* Paragraph Styles */
p {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.6rem); /* Responsive scaling */
  font-weight: bold;
  text-align: center;
  max-width: 100%;
  overflow-wrap: break-word;
  margin-bottom: 1rem;
}

p[role="heading"] {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.6rem); /* Match other headings */
  font-weight: bold;
}

/* Hover and Glow Effects for Audio Button */
#play-audio {
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.3s ease;
}

#play-audio:hover {
  transform: scale(3.05); /* Slight zoom effect on hover */
}

.playing {
  box-shadow: 0 0 15px rgba(255, 215, 0, 0.8); /* Glowing yellow effect */
}

#play-audio:focus-visible {
  outline: 3px solid #ffd700;
  outline-offset: 3px;
}

img.vcss {
  border: 0;
  width: 200px;
  height: 70px;
}

p[role="heading"][aria-level="2"] {
  font-family: 'ArialWeb', Arial, sans-serif;
}

#dustoff-acronym-section + p[role="heading"][aria-level="2"],
#dustoff-acronym-section ~ p[role="heading"][aria-level="2"] {
  font-family: 'ArialWeb', Arial, sans-serif !important;
}