/* NOVOALAUDIT: full-width fourth information principle.
   This stylesheet is scoped to one component; existing cards remain unchanged. */
.subpage-grid > .subpage-card-wide {
  grid-column: 1 / -1;
  width: 100%;
  min-width: 0;
  min-height: 245px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.55fr);
  align-items: start;
  gap: clamp(20px, 3.3vw, 62px);
  padding: clamp(28px, 3.1vw, 46px);
}
.subpage-card-wide .subpage-card-wide-heading,
.subpage-card-wide .subpage-card-wide-content { min-width: 0; }
.subpage-card-wide .subpage-card-number { display: inline-block; }
.subpage-card-wide h3 {
  font-size: clamp(24px, 2.6vw, 38px);
  max-width: 620px;
  margin: 32px 0 0;
  overflow-wrap: anywhere;
}
.subpage-card-wide .subpage-card-wide-content { padding: 46px 55px 0 0; }
.subpage-card-wide .subpage-card-wide-content p {
  max-width: none;
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.85;
  font-size: 14px;
}
@media (max-width: 1000px) {
  .subpage-grid > .subpage-card-wide {
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.18fr);
    gap: 26px;
  }
  .subpage-card-wide .subpage-card-wide-content { padding: 46px 25px 0 0; }
}
@media (max-width: 700px) {
  .subpage-grid > .subpage-card-wide {
    grid-column: 1 / -1;
    display: block;
    padding: 28px;
    min-height: 245px;
  }
  .subpage-card-wide h3 { margin-top: 26px; padding-right: 30px; }
  .subpage-card-wide .subpage-card-wide-content { padding: 20px 0 0; }
  .subpage-card-wide .subpage-card-wide-content p { font-size: 13px; }
}