/* Communiqué-specific styling (mobile-friendly) */
.comm-wrap {
  box-sizing: border-box;
  width: 100%;
  max-width: 820px;
  margin: 30px auto;
  padding: 0 15px;
}

#comm-title {
  font-family: "Adobe Caslon Pro", Georgia, serif;
  font-size: 28px;
  color: #1f2058;
  margin: 0 0 0.4rem 0;
}

.comm-date {
  font-family: Myriad Pro, Arial, sans-serif;
  color: #666;
  margin: 0 0 1rem 0;
}

#comm-body {
  font-family: Myriad Pro, Georgia, serif;
  font-size: 16px;
  color: #333;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: anywhere;
}

.comm-wrap .readMore {
  display: inline-block;
  margin-bottom: 1rem;
}

/* Make images responsive inside communiqués */
/* Images and embedded media scale to container */
#comm-body img,
#comm-body iframe,
#comm-body video {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 1rem 0;
}

/* Tables become fluid and scrollable on small screens */
#comm-body table { width: 100%; max-width: 100%; border-collapse: collapse; }
#comm-body th, #comm-body td { word-break: break-word; padding: 0.45rem; }
#comm-body pre { white-space: pre-wrap; overflow:auto; }

@media (max-width: 768px) {
  .comm-wrap { margin: 18px 12px; padding: 0 12px; }
  #comm-title { font-size: 22px; }
  #comm-body { font-size: 15px; }
}

@media (max-width: 480px) {
  #comm-title { font-size: 20px; }
  .comm-wrap { margin: 12px 8px; padding: 0 10px; }
  #comm-body { font-size: 15px; line-height: 1.5; }
}