.progress-section { padding-block:var(--progress-space-10); } .progress-section--soft { background:var(--progress-bg-soft); } .progress-section--alt { background:var(--progress-bg-alt); } .progress-section--narrow { padding-block:var(--progress-space-9); }
.progress-container { width:min(100% - 40px,var(--progress-container)); margin-inline:auto; } .progress-container--wide { max-width:var(--progress-content-wide); } .progress-container--content { max-width:var(--progress-content); } .progress-container--reading { max-width:var(--progress-reading); }
.progress-hero { padding-block:var(--progress-space-10); } .progress-hero h1 { font-size:36px; font-weight:400; line-height:1.2; } .progress-hero__content { max-width:var(--progress-content-wide); } .progress-hero__media img { width:100%; height:auto; border-radius:0; } .progress-hero:not(.progress-hero--editorial) .progress-hero__grid { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); align-items:center; gap:clamp(32px,5vw,64px); max-width:var(--progress-container); margin-inline:auto; } .progress-hero:not(.progress-hero--editorial) .progress-hero__media img { aspect-ratio:3 / 2; height:auto; object-fit:cover; } .progress-eyebrow { margin:0 0 var(--progress-space-3); color:var(--progress-accent); font-size:13px; font-weight:700; line-height:1.4; letter-spacing:.08em; text-transform:uppercase; } .progress-lead { max-width:var(--progress-reading); color:var(--progress-text); font-size:clamp(1.125rem,1.8vw,1.25rem); line-height:1.55; }
.progress-hero--editorial { padding-block:var(--progress-space-11); } .progress-hero--editorial .progress-hero__grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); align-items:center; gap:clamp(32px,6vw,80px); max-width:var(--progress-container); margin-inline:auto; } .progress-display-lead { max-width:680px; margin:var(--progress-space-4) 0 0; color:var(--progress-navy); font-size:clamp(1.25rem,2vw,1.55rem); font-weight:600; line-height:1.45; } .progress-hero--editorial .progress-hero__media img { width:100%; aspect-ratio:4 / 5; object-fit:cover; }
.progress-editorial { max-width:var(--progress-content); margin-left:0; margin-right:auto; } .progress-editorial--aside { display:grid; grid-template-columns:minmax(0,2fr) minmax(240px,1fr); gap:var(--progress-space-8); max-width:var(--progress-content-wide); } .progress-section-intro { max-width:var(--progress-reading); margin:var(--progress-space-3) 0 var(--progress-space-6); color:var(--progress-muted); font-size:1.125rem; line-height:1.6; }
.progress-button .wp-block-button__link { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 20px; border:1px solid transparent; border-radius:0; font-weight:700; text-decoration:none; transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease; }
.progress-button--primary .wp-block-button__link { background:var(--progress-accent); color:#fff; } .progress-button--primary .wp-block-button__link:hover { background:var(--progress-red-dark); color:#fff; }
.progress-button--secondary .wp-block-button__link { border-color:var(--progress-navy); background:transparent; color:var(--progress-navy); } .progress-button--secondary .wp-block-button__link:hover { background:var(--progress-navy); color:#fff; }
.progress-button--light .wp-block-button__link { border-color:#fff; background:#fff; color:var(--progress-navy); } .progress-button--light .wp-block-button__link:hover { border-color:var(--progress-bg-alt); background:var(--progress-bg-alt); color:var(--progress-navy-dark); }
.progress-button--text .wp-block-button__link { min-height:auto; padding:0; border-color:transparent; background:transparent; color:var(--progress-navy); } .progress-button--text .wp-block-button__link:hover { color:var(--progress-red-dark); text-decoration:underline; } .progress-button .wp-block-button__link:focus-visible { outline:0; box-shadow:0 0 0 3px #fff,0 0 0 6px var(--progress-navy); }
.progress-features { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:var(--progress-space-6); } .progress-feature__icon { color:var(--progress-accent); } .progress-feature__title { margin:var(--progress-space-3) 0 var(--progress-space-2); } .progress-feature__text { margin:0; color:var(--progress-muted); }
.progress-feature-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--progress-space-7); } .progress-feature-list__item { padding-top:var(--progress-space-4); border-top:1px solid var(--progress-border); } .progress-feature-list__number { display:block; color:var(--progress-accent); font-size:.875rem; font-weight:700; letter-spacing:.08em; } .progress-feature-list__item h3 { margin:var(--progress-space-3) 0 var(--progress-space-2); } .progress-feature-list__item p { margin:0; color:var(--progress-muted); } .wp-block-columns.progress-feature-list.progress-feature-list--vertical.is-layout-flex { display:block; max-width:var(--progress-content-wide); } .progress-feature-list--vertical .progress-feature-list__item { display:grid; grid-template-columns:72px minmax(0,1fr); column-gap:var(--progress-space-5); padding-block:var(--progress-space-5); } .progress-feature-list--vertical .progress-feature-list__number { grid-row:1 / span 2; padding-top:4px; font-size:1rem; } .progress-feature-list--vertical .progress-feature-list__item h3 { margin:0 0 var(--progress-space-2); } .progress-feature-list--vertical .progress-feature-list__item p { grid-column:2; }
.progress-card-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:var(--progress-space-6); } .progress-card { overflow:hidden; border:1px solid var(--progress-border); border-radius:0; background:var(--progress-bg); } .progress-card__media img { display:block; width:100%; height:auto; } .progress-card__content { padding:var(--progress-space-5); } .progress-card__title { margin:0 0 var(--progress-space-2); } .progress-card__meta { color:var(--progress-muted); font-size:.875rem; } .progress-card--editorial { border:0; } .progress-card--editorial .progress-card__media img { aspect-ratio:4 / 3; object-fit:cover; } .progress-card--training { border:0; border-top:2px solid var(--progress-accent); background:var(--progress-bg-soft); } .progress-card--training .progress-card__content { padding:var(--progress-space-6); }
.progress-split { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:center; gap:var(--progress-space-9); } .progress-split--reverse > :first-child { order:2; } .progress-split__media img { width:100%; height:auto; border-radius:0; }
.progress-highlight { border-left:3px solid var(--progress-accent); padding:var(--progress-space-5); background:var(--progress-bg); box-shadow:none; } .progress-highlight__value,.progress-stat-value { color:var(--progress-navy); font-size:clamp(2rem,4vw,3rem); font-weight:700; line-height:1; } .progress-highlight__title { margin:var(--progress-space-3) 0 var(--progress-space-2); } .progress-highlight__text { margin:0; }
.progress-stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:var(--progress-space-6); } .progress-stat { border-top:1px solid var(--progress-border); padding-top:var(--progress-space-4); } .progress-stat__value { color:var(--progress-navy); font-size:2rem; font-weight:700; } .progress-stat__label { color:var(--progress-muted); }
.progress-list { padding-left:1.25em; } .progress-list--check { padding-left:0; list-style:none; } .progress-list--check li { position:relative; padding-left:1.75rem; } .progress-list--check li::before { position:absolute; left:0; color:var(--progress-accent); content:'✓'; font-weight:700; }
.progress-faq { max-width:1040px; margin-left:0; margin-right:auto; border-top:1px solid var(--progress-border); } .progress-faq__item { border-bottom:1px solid var(--progress-border); padding:var(--progress-space-4) 0; } .progress-faq__item summary { cursor:pointer; color:var(--progress-navy); font-weight:700; }
.progress-final-cta { padding:var(--progress-space-6); border-top:2px solid var(--progress-accent); border-radius:0; background:var(--progress-bg-soft); color:var(--progress-text); } .progress-final-cta h2 { max-width:760px; color:var(--progress-navy); font-size:clamp(2rem,4vw,3rem); } .progress-final-cta__content { max-width:var(--progress-content); } .progress-final-cta__actions { display:flex; flex-wrap:wrap; gap:var(--progress-space-4); margin-top:var(--progress-space-5); }
@media (max-width:767px) { .progress-section,.progress-hero { padding-block:var(--progress-space-9); } .progress-hero--editorial .progress-hero__grid,.progress-editorial--aside,.progress-feature-list,.progress-split { grid-template-columns:1fr; gap:var(--progress-space-6); } .progress-feature-list--vertical .progress-feature-list__item { grid-template-columns:1fr; } .progress-feature-list--vertical .progress-feature-list__number,.progress-feature-list--vertical .progress-feature-list__item p { grid-column:auto; grid-row:auto; } .progress-split--reverse > :first-child { order:initial; } .progress-hero--editorial .progress-hero__media { order:2; } .progress-hero--editorial .progress-hero__media img { aspect-ratio:4 / 5; } .progress-final-cta { padding:var(--progress-space-6); } }

.wp-block-columns.progress-feature-list--vertical.is-layout-flex > .wp-block-column { flex-basis:auto; width:100%; }
.progress-feature-list--vertical .progress-feature-list__number { grid-column:1; }
.progress-feature-list--vertical .progress-feature-list__item h3 { grid-column:2; }

/* Single editorial grid and panel treatment. */
.progress-editorial,.progress-faq { max-width:var(--progress-container); margin-inline:auto; }
.progress-highlight { background:var(--progress-bg-soft); }
.progress-button--secondary .wp-block-button__link:hover { border-color:var(--progress-accent); background:var(--progress-accent); color:#fff; }
.progress-faq__item summary::marker { color:var(--progress-accent); }
.wp-block-columns.progress-feature-list.progress-feature-list--vertical.is-layout-flex { display:block; max-width:var(--progress-container); }
.wp-block-columns.progress-feature-list--vertical.is-layout-flex > .wp-block-column { flex-basis:auto; width:100%; }
.progress-feature-list--vertical .progress-feature-list__number { grid-column:1; }
.progress-feature-list--vertical .progress-feature-list__item h3 { grid-column:2; }


/* Compact training-area panels used by the Gutenberg pilot. */
.wp-block-columns.progress-feature-list--cards.is-layout-flex {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  align-items:stretch;
}
.wp-block-columns.progress-feature-list--cards.is-layout-flex > .wp-block-column {
  display:flex;
  flex-basis:auto;
  flex-direction:column;
  width:auto;
  min-width:0;
  padding:24px;
  border:0;
  border-top:2px solid var(--progress-accent);
  background:var(--progress-bg-soft);
}
.progress-feature-list--cards .progress-feature-list__number { margin:0 0 12px; }
.progress-feature-list--cards .progress-feature-list__item h3 { margin:0 0 12px; }
.progress-feature-list--cards .progress-feature-list__item p { margin:0; }
@media (max-width:767px) {
  .wp-block-columns.progress-feature-list--cards.is-layout-flex { grid-template-columns:1fr; gap:16px; }
}

/* Gutenberg's generated layout utility resets gap after the component sheet. */
.wp-block-columns.progress-feature-list--cards.is-layout-flex { column-gap:24px !important; row-gap:24px !important; }
@media (max-width:767px) {
  .wp-block-columns.progress-feature-list--cards.is-layout-flex { column-gap:16px !important; row-gap:16px !important; }
}

/* Compact numbered proof points in the training pilot. */
.progress-feature-list--numbered .progress-feature-list__item {
  grid-template-columns:64px minmax(0,1fr);
  column-gap:20px;
  padding-block:20px;
}
.progress-feature-list--numbered .progress-feature-list__number {
  grid-column:1;
  grid-row:1 / span 2;
  margin:0;
  padding-top:2px;
  color:var(--progress-accent);
  font-size:1.75rem;
  font-weight:700;
  line-height:1;
}
.progress-feature-list--numbered .progress-feature-list__item h3 {
  grid-column:2;
  margin:0 0 6px;
}
.progress-feature-list--numbered .progress-feature-list__item p { grid-column:2; }
@media (max-width:767px) {
  .progress-feature-list--numbered .progress-feature-list__item { grid-template-columns:48px minmax(0,1fr); column-gap:16px; padding-block:18px; }
  .progress-feature-list--numbered .progress-feature-list__number { grid-column:1; grid-row:1 / span 2; font-size:1.5rem; }
  .progress-feature-list--numbered .progress-feature-list__item h3,.progress-feature-list--numbered .progress-feature-list__item p { grid-column:2; }
}

/* Numbered proof points: one visual number column, separate from the copy. */
.wp-block-columns.progress-feature-list.progress-feature-list--vertical.progress-feature-list--numbered .progress-feature-list__number {
  grid-column:1 !important;
  grid-row:1 / span 2;
}