/* ASPO Training page 21 — follow-up layout refinement.
   Load after aspo-training-v11.css. Scoped to #pl-21. */
#pl-21 { box-sizing: border-box; }
#pl-21 #pg-21-2 h2,
#pl-21 #pg-21-9 h2,
#pl-21 #pg-21-15 h2,
#pl-21 #pg-21-14 h2,
#pl-21 #pg-21-17 h1,
#pl-21 #pg-21-18 h1,
#pl-21 #pg-21-19 h2,
#pl-21 #pg-21-20 h2,
#pl-21 #pg-21-21 h2,
#pl-21 .aspo-training-form-fallback > h2,
#pl-21 .aspo-training-form-title {
  text-align: center !important;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.35;
  margin: 0 auto 25px;
}
/* Keep the original fixed-width central content rather than stretched SiteOrigin content */
#pl-21 #pg-21-15,
#pl-21 #pg-21-17,
#pl-21 #pg-21-18,
#pl-21 #pg-21-19,
#pl-21 #pg-21-20,
#pl-21 #pg-21-21,
#pl-21 #pg-21-22 { box-sizing:border-box; }
#pl-21 #pg-21-16 {
  background: #394753;
  color: #fff;
  padding: 44px max(20px, calc((100vw - 1140px)/2));
  box-sizing: border-box;
}
#pl-21 #pg-21-16 h2,
#pl-21 #pg-21-16 .sow-headline { color: #fff !important; text-align:center !important; }
#pl-21 #pg-21-16 .panel-row-style { box-sizing:border-box; }
#pl-21 #pg-21-17,
#pl-21 #pg-21-18 { text-align:center; padding-top:26px; }
#pl-21 #pg-21-17 .sow-image-container img,
#pl-21 #pg-21-17 img { display:block; max-width:min(900px,100%); height:auto; margin:16px auto 30px; }
#pl-21 #pg-21-18 img { max-width:100%; height:auto; vertical-align:top; margin:8px 5px 14px; }
#pl-21 #pg-21-18 .textwidget > div,
#pl-21 #pg-21-18 .siteorigin-widget-tinymce > div { text-align:center; }
#pl-21 #pg-21-19 { padding:34px 0 25px; }
#pl-21 #pg-21-19 .textwidget p { margin-bottom:20px; }
#pl-21 #pg-21-19 img[align="right"] { float:right; margin:0 0 15px 22px; max-width:140px; height:auto; }
#pl-21 #pg-21-19 .textwidget:after { content:""; display:block; clear:both; }
/* Application: keep the original two-column form structure whenever present */
#pl-21 #pg-21-20 { background:#ecf3f9; padding:40px max(20px, calc((100vw - 1140px)/2)); box-sizing:border-box; }
#pl-21 #pg-21-20 .aspo-training-form { max-width:100%; }
#pl-21 #pg-21-20 .form-field-wrapper { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:28px; }
#pl-21 #pg-21-20 .form-left-fields, #pl-21 #pg-21-20 .form-right-fields { min-width:0; }
#pl-21 #pg-21-20 input:not([type="checkbox"]):not([type="hidden"]),
#pl-21 #pg-21-20 textarea { max-width:100%; box-sizing:border-box; }
#pl-21 #pg-21-21 { text-align:center; padding-top:36px; }
#pl-21 #pg-21-22 { display:grid !important; grid-template-columns:repeat(6,minmax(0,1fr)); gap:20px; align-items:start; padding:15px 0 35px; }
#pl-21 #pg-21-22 > .panel-grid-cell { min-width:0; width:auto !important; margin:0 !important; text-align:center; }
#pl-21 #pg-21-22 .textwidget, #pl-21 #pg-21-22 p { text-align:center !important; }
#pl-21 #pg-21-22 img { max-width:100%; height:auto; object-fit:contain; }
@media(max-width:900px){
  #pl-21 #pg-21-22 { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:780px){
  #pl-21 #pg-21-2 h2, #pl-21 #pg-21-9 h2, #pl-21 #pg-21-15 h2,
  #pl-21 #pg-21-14 h2, #pl-21 #pg-21-17 h1, #pl-21 #pg-21-18 h1,
  #pl-21 #pg-21-19 h2, #pl-21 #pg-21-20 h2, #pl-21 #pg-21-21 h2 { font-size:23px; }
  #pl-21 #pg-21-16, #pl-21 #pg-21-20 { padding:26px 16px; }
  #pl-21 #pg-21-20 .form-field-wrapper { display:block; }
  #pl-21 #pg-21-22 { grid-template-columns:repeat(2,minmax(0,1fr)); }
}