/* The Dentist announcement: scoped to preserve the existing site styling. */
.dentist-announcement {
  padding: 48px 0 36px;
  background: #f9f6ee;
  color: #161616;
  font-family: Arial, sans-serif;
}
.dentist-announcement h1 {
  margin: 0 0 32px;
  font-size: clamp(24px, 2.7vw, 36px);
  line-height: 1.2;
  font-weight: 700;
}
.dentist-info { margin-bottom: 22px; }
.dentist-info h2 { margin: 0 0 10px; font-size: 24px; font-weight: 700; }
.dentist-info p { margin: 0; font-size: 19px; line-height: 1.5; }
.dentist-info a { color: #161616; overflow-wrap: anywhere; }
.dentist-info .dentist-website { text-decoration: underline; text-underline-offset: 3px; }
.dentist-actions { gap: 20px; margin-top: 30px; }
.dentist-announcement .dentist-button {
  background: #6631ff;
  color: #fff;
  border: 2px solid #6631ff;
  border-radius: 10px;
  padding: 12px 28px;
  font-size: 22px;
  line-height: 1.3;
  font-weight: 700;
  white-space: normal;
}
.dentist-announcement .dentist-button:hover { background: #5020d6; border-color: #5020d6; }
.dentist-announcement a:focus-visible { outline: 3px solid #161616; outline-offset: 4px; }
.dentist-brand { border-top: 1px solid #d7d4cc; margin-top: 44px; padding-top: 30px; }
.dentist-brand img { width: 230px; max-width: 80%; height: auto; }
@media (max-width: 575.98px) {
  .dentist-announcement { padding: 32px 0 28px; }
  .dentist-announcement h1 { margin-bottom: 26px; }
  .dentist-info h2 { font-size: 21px; }
  .dentist-info p { font-size: 17px; }
  .dentist-actions { gap: 14px; margin-top: 24px; }
  .dentist-announcement .dentist-button { width: 100%; max-width: 300px; padding: 12px 20px; font-size: 20px; }
  .dentist-brand { margin-top: 32px; padding-top: 24px; }
  .dentist-brand img { width: 200px; }
}