/* Encadré de contact de la page 2 : l'e-mail puis le téléphone, sans bouton redondant. */
.page-presentation .contact-band {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: start;
  flex-wrap: initial;
  width: min(100%, 440px);
  gap: 10px;
  padding: 16px 18px;
  margin-inline: auto;
  border-radius: 16px;
  box-shadow: 0 6px 20px #0734381c;
}
.page-presentation .contact-band-mark { font-size: 27px; line-height: 1.1; margin-top: 2px; }
.page-presentation .contact-band-content { min-width: 0; }
.page-presentation .contact-band h2 { font-size: clamp(16px, 1.3vw, 20px); line-height: 1.16; margin: 0 0 4px; }
.page-presentation .contact-band .contact-subtitle { margin: 0 0 8px; font-size: 12px; line-height: 1.24; color: #b7eeeb; opacity: 1; }
.page-presentation .contact-band .contact-professional { font-size: 13px; font-weight: 800; line-height: 1.2; margin: 0 0 8px; color: #fff; }
.page-presentation .contact-band .contact-position { display: block; margin-top: 2px; font-size: 11px; font-weight: 500; line-height: 1.2; color: #d0eded; }
.page-presentation .contact-direct-links { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; }
.page-presentation .contact-direct-link { display: inline-flex; align-items: center; gap: 7px; min-width: 0; max-width: 100%; font-size: 12px; line-height: 1.3; font-weight: 700; color: #b0fff2; text-decoration: none; overflow-wrap: anywhere; }
.page-presentation .contact-direct-link .ui-icon { width: 15px; height: 15px; flex: none; }
.page-presentation .contact-direct-link:hover,.page-presentation .contact-direct-link:focus-visible { text-decoration: underline; text-underline-offset: 3px; }
@container (min-width: 960px) {
  .site-stage .page-presentation .contact-band { justify-self: center; width: min(100%, 440px); padding: 10px 14px; grid-template-columns: 24px minmax(0, 1fr); gap: 8px; }
  .site-stage .page-presentation .contact-band-mark { font-size: 24px; }
  .site-stage .page-presentation .contact-band h2 { font-size: clamp(13px, 1.3cqw, 19px); }
  .site-stage .page-presentation .contact-band .contact-subtitle { font-size: clamp(10px, .86cqw, 12px); margin-bottom: 6px; }
  .site-stage .page-presentation .contact-band .contact-professional { font-size: clamp(11px, .99cqw, 13px); margin-bottom: 6px; }
  .site-stage .page-presentation .contact-band .contact-position { font-size: clamp(10px, .8cqw, 11px); }
  .site-stage .page-presentation .contact-direct-links { gap: 3px; }
  .site-stage .page-presentation .contact-direct-link { font-size: clamp(10px, .9cqw, 12px); }
}
@media (max-width: 520px) {
  .page-presentation .contact-band { padding: 15px 14px; grid-template-columns: 23px minmax(0, 1fr); gap: 9px; }
  .page-presentation .contact-band-mark { font-size: 24px; }
  .page-presentation .contact-band h2 { font-size: 16px; }
  .page-presentation .contact-band .contact-subtitle { font-size: 11px; }
  .page-presentation .contact-direct-link { font-size: 12px; }
}