/* V59 — Final targeted correction: 01/02/03 editorial triptychs.
   The legacy rule `.process-grid span, .principle-grid span` was
   shrinking ALL translated text spans to 11px. Override it explicitly. */
body .process-grid > div > h3,
body .principle-grid > article > h3 {
  font-size: 36px !important;
  line-height: 1.14 !important;
  letter-spacing: -.025em;
}
body .process-grid > div > h3 span,
body .principle-grid > article > h3 span {
  font-size: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
}
body .process-grid > div > p,
body .principle-grid > article > p {
  font-size: 21px !important;
  line-height: 1.5 !important;
  max-width: 36ch;
}
body .process-grid > div > p span,
body .principle-grid > article > p span {
  font-size: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
}
body .process-grid > div > span:first-child,
body .principle-grid > article > span:first-child {
  font-size: 18px !important;
}
@media (max-width:760px) {
  body .process-grid > div > h3,
  body .principle-grid > article > h3 { font-size: 30px !important; }
  body .process-grid > div > p,
  body .principle-grid > article > p { font-size: 19px !important; max-width:100%; }
  body .process-grid > div > span:first-child,
  body .principle-grid > article > span:first-child { font-size:16px !important; }
}
