/* ============================================================
   neumACt — FORMACIÓN Y DESARROLLO INVESTIGADOR
   Public destination UI.
   Surface hierarchy: Anchor → Mid → Atmospheric → Editorial.
   Shared masthead/footer remain owned by components.css.
   ============================================================ */

body[data-page="training"]{
  background:#fbfaf7;
  color:#173b5f;
}
body[data-page="training"] main{overflow-x:clip;}
body[data-page="training"] .container{
  width:min(calc(100% - 3rem),1500px);
  max-width:none;
  margin-inline:auto;
  padding-inline:0;
}
.training-kicker{
  margin:0 0 .72rem;
  font:600 .63rem/1.2 var(--ff-mono);
  letter-spacing:.145em;
  text-transform:uppercase;
  color:#087f88;
}
.training-kicker--dark{color:#97dfe0;}
.training-page h1,.training-page h2,.training-page h3{
  font-family:var(--ff-display);
  color:#0c3868;
}
.training-page p{color:#5d7284;}

/* ── ATMOSPHERIC HERO ─────────────────────────────────────────── */
.training-hero{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(circle at 82% 18%,rgba(38,146,154,.11),transparent 27rem),
    radial-gradient(circle at 6% 90%,rgba(72,112,134,.065),transparent 25rem),
    linear-gradient(135deg,#f4f5f1 0%,#edf2f1 55%,#e6eef0 100%);
  border-bottom:1px solid rgba(12,56,104,.09);
}
.training-hero::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(21,126,137,.32) 35%,rgba(21,126,137,.16) 70%,transparent);
  pointer-events:none;
}
.training-hero__grid{
  min-height:clamp(560px,62vh,680px);
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(420px,.78fr);
  gap:clamp(3.5rem,6vw,7.2rem);
  align-items:center;
  padding-block:clamp(4.6rem,6.5vw,6.8rem);
}
.training-hero__copy{max-width:820px;}
.training-hero h1{
  margin:0;
  max-width:12.6ch;
  font-size:clamp(3.9rem,5.45vw,6.15rem);
  line-height:.92;
  letter-spacing:-.052em;
  text-wrap:balance;
}
.training-hero__lead{
  margin:1.35rem 0 0;
  max-width:61rem;
  font-size:clamp(.98rem,1.08vw,1.09rem);
  line-height:1.72;
  text-wrap:pretty;
}
.training-hero__lead--secondary{
  max-width:55rem;
  margin-top:.8rem;
  color:#6f8190!important;
  font-size:.88rem;
  line-height:1.65;
}

/* Floating research-development sequence.
   No card, border or enclosing rectangle: the pathway sits directly in the
   atmospheric hero and is held together by axis, anchors and typographic rhythm. */
.training-pathway{
  position:relative;
  align-self:center;
  isolation:isolate;
  padding:1.8rem 1.2rem 1.45rem 2.1rem;
  background:transparent;
  border:0;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.training-pathway::before{
  content:"RESEARCH DEVELOPMENT";
  position:absolute;
  z-index:2;
  right:.25rem;
  top:.1rem;
  font:600 .48rem/1 var(--ff-mono);
  letter-spacing:.15em;
  color:rgba(76,104,123,.68);
}
.training-pathway::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-2.6rem -2.5rem -2.4rem -3rem;
  pointer-events:none;
  background:
    radial-gradient(circle at 54% 46%,rgba(255,255,255,.52),rgba(255,255,255,.18) 36%,transparent 68%),
    radial-gradient(circle at 78% 20%,rgba(73,184,188,.075),transparent 38%);
  filter:blur(7px);
  opacity:.92;
}
.training-pathway__rail{
  position:absolute;
  left:2.85rem;
  top:4.2rem;
  bottom:2rem;
  width:1px;
  background:linear-gradient(
    180deg,
    rgba(8,132,141,.10) 0%,
    rgba(8,132,141,.62) 14%,
    rgba(8,132,141,.30) 78%,
    rgba(8,132,141,0) 100%
  );
}
.training-pathway ol{
  list-style:none;
  margin:0;
  padding:1.35rem 0 0;
}
.training-pathway li{
  position:relative;
  display:grid;
  grid-template-columns:2rem minmax(0,1fr);
  column-gap:1.25rem;
  align-items:center;
  min-height:3.8rem;
  padding:.54rem 0 .58rem 2.45rem;
}
.training-pathway li::after{
  content:"";
  position:absolute;
  left:3.28rem;
  right:0;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,rgba(12,56,104,.12),rgba(12,56,104,.035) 62%,transparent);
}
.training-pathway li:last-child::after{display:none;}
.training-pathway__index{
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:1.55rem;
  text-align:right;
  font:600 .52rem/1 var(--ff-mono);
  letter-spacing:.09em;
  color:#07818a;
}
.training-pathway li::before{
  content:"";
  position:absolute;
  left:.99rem;
  top:50%;
  width:7px;
  height:7px;
  transform:translateY(-50%);
  border-radius:50%;
  background:#edf3f2;
  border:1.5px solid #0b9097;
  box-shadow:
    0 0 0 5px rgba(255,255,255,.42),
    0 0 18px rgba(19,145,151,.08);
}
.training-pathway strong{
  grid-column:2;
  max-width:24ch;
  font-family:var(--ff-display);
  font-size:clamp(1.28rem,1.55vw,1.62rem);
  font-weight:600;
  line-height:1.08;
  letter-spacing:-.018em;
  color:#123f65;
}

/* Laptop: preserve the floating composition without letting it become oversized. */
@media(max-width:1450px) and (min-width:1181px){
  .training-pathway{
    padding:1.45rem .4rem 1.2rem 1.35rem;
  }
  .training-pathway::before{right:0;}
  .training-pathway::after{inset:-2rem -1.25rem -1.8rem -2rem;}
  .training-pathway__rail{left:2.08rem;top:3.8rem;bottom:1.7rem;}
  .training-pathway li{
    min-height:3.5rem;
    padding:.48rem 0 .52rem 1.85rem;
    column-gap:1rem;
  }
  .training-pathway li::before{left:.73rem;}
  .training-pathway li::after{left:2.55rem;}
  .training-pathway__index{left:-.2rem;}
  .training-pathway strong{font-size:1.34rem;}
}

/* Tablet/small laptop: keep the sequence open and edge-free when stacked. */
@media(max-width:1100px){
  .training-pathway{
    width:min(100%,760px);
    padding:1.3rem 0 1rem 1.1rem;
  }
  .training-pathway::before{right:.1rem;top:0;}
  .training-pathway::after{inset:-1.5rem -1rem -1.3rem -1.4rem;}
  .training-pathway__rail{left:1.85rem;top:3.5rem;bottom:1.5rem;}
  .training-pathway li{
    min-height:3.35rem;
    padding:.45rem 0 .48rem 1.7rem;
  }
  .training-pathway li::before{left:.62rem;}
  .training-pathway li::after{left:2.35rem;}
  .training-pathway__index{left:-.25rem;}
}

/* Phone: the pathway becomes a compact editorial spine, still without a card. */
@media(max-width:760px){
  .training-pathway{
    width:100%;
    padding:1.1rem .1rem .55rem .7rem;
  }
  .training-pathway::before{
    position:static;
    display:block;
    margin:0 0 .7rem .05rem;
  }
  .training-pathway::after{
    inset:-1rem -.55rem -.9rem -.7rem;
    filter:blur(5px);
  }
  .training-pathway__rail{
    left:1.38rem;
    top:3.2rem;
    bottom:.9rem;
  }
  .training-pathway ol{padding-top:0;}
  .training-pathway li{
    min-height:3.05rem;
    grid-template-columns:1.6rem minmax(0,1fr);
    column-gap:.75rem;
    padding:.38rem 0 .42rem 1.45rem;
  }
  .training-pathway li::before{
    left:.44rem;
    width:6px;
    height:6px;
    box-shadow:0 0 0 4px rgba(255,255,255,.36);
  }
  .training-pathway li::after{left:1.95rem;}
  .training-pathway__index{
    left:-.42rem;
    font-size:.49rem;
  }
  .training-pathway strong{
    font-size:1.12rem;
    max-width:none;
  }
}

/* ── EDITORIAL RESEARCH ENVIRONMENT ───────────────────────────── */
.training-environment{
  position:relative;
  padding:clamp(5.4rem,7.5vw,7.8rem) 0;
  background:#fbfaf7;
}
.training-environment__grid{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(460px,1.12fr);
  gap:clamp(2.7rem,5vw,6.2rem);
  align-items:center;
}
.training-environment__copy{max-width:670px;}
.training-environment__copy h2,.training-section-head h2{
  margin:0;
  font-size:clamp(2.75rem,3.35vw,3.9rem);
  line-height:.97;
  letter-spacing:-.038em;
}
.training-environment__copy h2{max-width:16ch;}
.training-environment__copy>p{
  margin:1.25rem 0 0;
  max-width:51rem;
  font-size:.93rem;
  line-height:1.7;
}
.training-environment__register{
  margin:2rem 0 0;
  border-top:1px solid #d4dee0;
}
.training-environment__register div{
  display:grid;
  grid-template-columns:2.8rem minmax(0,1fr);
  gap:.85rem;
  padding:.92rem 0;
  border-bottom:1px solid #dce4e5;
}
.training-environment__register dt{
  font:600 .54rem/1.5 var(--ff-mono);
  letter-spacing:.08em;
  color:#0a858e;
}
.training-environment__register dd{
  margin:0;
  font-size:.8rem;
  font-weight:650;
  color:#294f68;
}

/* Research participation folio replaces the weak generic stock image.
   It is an authored editorial object rather than decorative media. */
.training-participation{
  position:relative;
  min-height:clamp(420px,34vw,540px);
  padding:2.25rem 2.2rem 1.7rem;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 12%,rgba(31,147,154,.10),transparent 16rem),
    linear-gradient(145deg,#103f5d 0%,#0d5267 58%,#0c6974 100%);
  box-shadow:
    0 24px 58px rgba(8,43,60,.07),
    0 4px 14px rgba(8,43,60,.025);
}
.training-participation::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:96px;
  height:2px;
  background:linear-gradient(90deg,#73d4d4,#c2eded);
}
.training-participation__eyebrow{
  position:relative;
  z-index:2;
  margin:0 0 1.7rem;
  font:600 .55rem/1.2 var(--ff-mono);
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#9fdddd!important;
}
.training-participation__axis{
  position:absolute;
  left:3.55rem;
  top:5.1rem;
  bottom:2rem;
  width:1px;
  background:linear-gradient(rgba(164,226,226,.68),rgba(164,226,226,.08));
}
.training-participation ol{
  position:relative;
  z-index:2;
  list-style:none;
  margin:0;
  padding:0;
}
.training-participation li{
  position:relative;
  display:grid;
  grid-template-columns:2.4rem minmax(0,1fr);
  gap:.18rem 1rem;
  padding:1rem 0 1rem 2.5rem;
  border-bottom:1px solid rgba(205,238,239,.13);
}
.training-participation li:last-child{border-bottom:0;}
.training-participation li::before{
  content:"";
  position:absolute;
  left:.95rem;
  top:1.18rem;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#0d5267;
  border:2px solid #91dddd;
  box-shadow:0 0 0 5px rgba(145,221,221,.07);
}
.training-participation li>span{
  grid-column:1;
  font:600 .54rem/1.3 var(--ff-mono);
  letter-spacing:.08em;
  color:#96dddd;
}
.training-participation strong{
  grid-column:2;
  font-family:var(--ff-display);
  font-size:clamp(1.35rem,1.6vw,1.72rem);
  line-height:1.03;
  color:#fff;
}
.training-participation small{
  grid-column:2;
  display:block;
  max-width:40rem;
  margin-top:.3rem;
  font-size:.72rem;
  line-height:1.5;
  color:rgba(241,249,249,.72);
}

/* Synthetic collaborative clinical-research media. */
.training-media{
  position:relative;
  margin:0;
  min-height:clamp(420px,34vw,540px);
  overflow:hidden;
  background:var(--institutional-atmosphere);
  box-shadow:
    0 24px 58px rgba(8,43,60,.07),
    0 4px 14px rgba(8,43,60,.025);
}
.training-media::before{
  content:"";
  position:absolute;
  z-index:2;
  left:0;
  top:0;
  width:94px;
  height:2px;
  background:linear-gradient(90deg,#347faa,#2da39f);
}
.training-media img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 50%;
  filter:saturate(.9) contrast(.99);
}
.training-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,transparent 55%,rgba(11,52,73,.72) 100%),
    linear-gradient(90deg,rgba(16,53,68,.07),transparent 34%);
}
.training-media figcaption{
  position:absolute;
  z-index:3;
  left:1.45rem;
  right:1.45rem;
  bottom:1.35rem;
  max-width:42rem;
  color:rgba(255,255,255,.90);
  font-size:.73rem;
  line-height:1.52;
}

/* Participation profiles: audience and depth, not another process diagram. */
.training-participation--profiles{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  padding:0;
  min-height:0;
  background:transparent;
  box-shadow:none;
}
.training-participation--profiles::before,
.training-participation--profiles .training-participation__axis,
.training-participation--profiles .training-participation__eyebrow{display:none;}
.training-participation--profiles article{
  position:relative;
  min-height:260px;
  padding:1.45rem 1.35rem 1.35rem;
  border-top:1px solid rgba(12,56,104,.14);
  border-bottom:1px solid rgba(12,56,104,.10);
}
.training-participation--profiles article+article{
  border-left:1px solid rgba(12,56,104,.10);
}
.training-participation__code{
  display:block;
  margin-bottom:1.25rem;
  font:600 .52rem/1 var(--ff-mono);
  letter-spacing:.1em;
  color:#07818a;
}
.training-participation--profiles h3{
  margin:0;
  max-width:18ch;
  font-family:var(--ff-display);
  font-size:clamp(1.45rem,1.8vw,1.9rem);
  line-height:1.02;
  letter-spacing:-.025em;
  color:#123f65;
}
.training-participation--profiles p{
  margin:1rem 0 0;
  max-width:32rem;
  font-size:.78rem;
  line-height:1.6;
  color:#5d7284;
}

/* Original work: three conditions, deliberately not another timeline. */
.training-original{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:2.6rem;
  border-top:1px solid rgba(190,231,232,.22);
  border-bottom:1px solid rgba(190,231,232,.14);
}
.training-original article{
  min-height:165px;
  padding:1.25rem 1.15rem 1.2rem;
}
.training-original article+article{
  border-left:1px solid rgba(190,231,232,.13);
}
.training-original article>span{
  display:block;
  font:600 .53rem/1 var(--ff-mono);
  letter-spacing:.1em;
  color:#9ce3e3;
}
.training-original strong{
  display:block;
  margin:1rem 0 .45rem;
  font-family:var(--ff-display);
  font-size:1.28rem;
  line-height:1.05;
  color:#fff;
}
.training-original small{
  display:block;
  max-width:26rem;
  font-size:.69rem;
  line-height:1.5;
  color:rgba(240,248,249,.7);
}

@media(max-width:1100px){
  .training-participation--profiles{
    grid-template-columns:1fr;
  }
  .training-participation--profiles article{
    min-height:0;
    padding:1.15rem 0 1.2rem;
    border-left:0!important;
  }
  .training-participation--profiles article+article{
    border-top:0;
  }
  .training-participation--profiles h3{max-width:none;}
  .training-original{grid-template-columns:1fr;}
  .training-original article{
    min-height:0;
    padding:1rem 0 1.05rem;
  }
  .training-original article+article{
    border-left:0;
    border-top:1px solid rgba(190,231,232,.13);
  }
}

@media(max-width:760px){
  .training-participation--profiles article{padding:1rem 0 1.05rem;}
  .training-participation__code{margin-bottom:.7rem;}
  .training-participation--profiles h3{font-size:1.42rem;}
  .training-participation--profiles p{font-size:.76rem;line-height:1.56;}
  .training-original{margin-top:2rem;}
  .training-original strong{font-size:1.18rem;}
  .training-original small{font-size:.67rem;}
}

/* ── ATMOSPHERIC DEVELOPMENT REGISTER ─────────────────────────── */
.training-development{
  position:relative;
  padding:clamp(5.2rem,7.3vw,7.6rem) 0;
  background:
    radial-gradient(circle at 90% 5%,rgba(28,139,147,.055),transparent 22rem),
    linear-gradient(180deg,#eef3f2 0%,#f3f5f2 100%);
  border-top:1px solid rgba(12,56,104,.07);
  border-bottom:1px solid rgba(12,56,104,.08);
}
.training-section-head{
  display:grid;
  grid-template-columns:minmax(0,.68fr) minmax(300px,.32fr);
  gap:clamp(2.2rem,4vw,4.4rem);
  align-items:end;
  padding-bottom:2rem;
  border-bottom:1px solid #cfdadd;
}
.training-section-head h2{max-width:16ch;}
.training-section-head>p{
  margin:0;
  max-width:36rem;
  font-size:.8rem;
  line-height:1.62;
}
.training-register{border-bottom:1px solid #d2dddf;}
.training-register__row{
  display:grid;
  grid-template-columns:3.2rem minmax(260px,.46fr) minmax(0,.54fr);
  gap:clamp(1.15rem,2.2vw,2.35rem);
  align-items:start;
  padding:1.55rem 0;
  border-top:1px solid #d2dddf;
  transition:background .18s ease,padding .18s ease;
}
.training-register__row:hover{
  background:linear-gradient(90deg,rgba(255,255,255,.40),rgba(255,255,255,.08) 72%,transparent);
}
.training-register__index{
  font:600 .55rem/1.5 var(--ff-mono);
  letter-spacing:.08em;
  color:#07848d;
}
.training-register__row h3{
  margin:0;
  font-size:clamp(1.5rem,1.85vw,1.95rem);
  line-height:1.06;
  letter-spacing:-.022em;
}
.training-register__row p{
  margin:0;
  max-width:46rem;
  font-size:.8rem;
  line-height:1.62;
}

/* ── MID INSTITUTIONAL INNOVATION FIELD ───────────────────────── */
.training-innovation{
  position:relative;
  padding:clamp(5.4rem,7.7vw,7.8rem) 0;
  background:
    radial-gradient(circle at 90% 10%,rgba(115,207,209,.10),transparent 27rem),
    linear-gradient(145deg,var(--institutional-mid-1),var(--institutional-mid-2) 62%,var(--institutional-mid-3));
  color:#fff;
}
.training-innovation::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 44%);
}
.training-innovation__head{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,.68fr) minmax(320px,.32fr);
  gap:clamp(2.5rem,5vw,5.2rem);
  align-items:end;
}
.training-innovation__head h2{
  margin:0;
  max-width:16ch;
  font-size:clamp(3rem,4vw,4.35rem);
  line-height:.94;
  letter-spacing:-.045em;
  color:#fff;
}
.training-innovation__head>p{
  margin:0;
  color:rgba(242,249,249,.76);
  font-size:.82rem;
  line-height:1.64;
}
.training-innovation__process{
  position:relative;
  list-style:none;
  margin:3rem 0 0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  border-top:1px solid rgba(190,231,232,.22);
  border-bottom:1px solid rgba(190,231,232,.14);
}
.training-innovation__process li{
  min-height:175px;
  padding:1.3rem 1.15rem;
  border-right:1px solid rgba(190,231,232,.12);
}
.training-innovation__process li:last-child{border-right:0;}
.training-innovation__process li>span{
  display:block;
  font:600 .54rem/1 var(--ff-mono);
  letter-spacing:.1em;
  color:#9ce3e3;
}
.training-innovation__process strong{
  display:block;
  margin:1.32rem 0 .5rem;
  font-family:var(--ff-display);
  font-size:1.31rem;
  line-height:1.06;
  color:#fff;
}
.training-innovation__process small{
  display:block;
  font-size:.67rem;
  line-height:1.46;
  color:rgba(240,248,249,.66);
}
.training-innovation__links{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  gap:.85rem 1.45rem;
  margin-top:1.9rem;
}
.training-innovation__links a{
  display:inline-flex;
  align-items:center;
  gap:.58rem;
  padding-bottom:.34rem;
  border-bottom:1px solid rgba(163,226,226,.34);
  color:#b0e9e8;
  font-size:.75rem;
  font-weight:650;
  text-decoration:none;
}
.training-innovation__links a:hover,
.training-innovation__links a:focus-visible{
  color:#fff;
  border-bottom-color:rgba(255,255,255,.62);
  outline:none;
}

/* ── WORKSTATION / RESPONSIVE CERTIFICATION ───────────────────── */
@media(min-width:1800px){
  body[data-page="training"] .container{width:min(calc(100% - 6rem),1680px);}
  .training-hero__grid{min-height:700px;}
  .training-environment__grid{grid-template-columns:minmax(0,.78fr) minmax(560px,1.22fr);}
  .training-media{min-height:590px;}
}

@media(max-width:1450px) and (min-width:1181px){
  body[data-page="training"] .container{width:min(calc(100% - 3.5rem),1380px);}
  .training-hero__grid{grid-template-columns:minmax(0,1.05fr) minmax(390px,.74fr);gap:2.8rem;}
  .training-hero h1{
    max-width:11ch;
    font-size:clamp(3.05rem,3.95vw,4.15rem);
    line-height:.94;
  }
  .training-pathway{transform:translateX(-.2rem);}
  .training-environment__grid{grid-template-columns:minmax(0,.88fr) minmax(430px,1.12fr);gap:2.9rem;}
  .training-environment__copy h2,
  .training-section-head h2{
    max-width:19ch;
    font-size:clamp(2.3rem,2.8vw,2.95rem);
    line-height:.98;
  }
  .training-innovation__head h2{
    max-width:18ch;
    font-size:clamp(2.5rem,3.15vw,3.3rem);
    line-height:.96;
  }
  .training-participation{min-height:430px;}
  .training-media{min-height:430px;}
  .training-register{max-width:1240px;}
}

@media(max-width:1100px){
  body[data-page="training"] .container{width:min(calc(100% - 2.5rem),980px);}
  .training-hero__grid{grid-template-columns:1fr;gap:2.7rem;min-height:auto;padding-block:4.5rem;}
  .training-hero__copy{max-width:760px;}
  .training-pathway{width:min(100%,760px);}
  .training-environment__grid{grid-template-columns:1fr;gap:2.8rem;}
  .training-environment__copy{max-width:720px;}
  .training-media{min-height:450px;}
  .training-section-head{grid-template-columns:1fr;gap:1.35rem;}
  .training-register__row{grid-template-columns:2.9rem minmax(220px,.42fr) minmax(0,.58fr);}
  .training-innovation__process{grid-template-columns:repeat(5,minmax(150px,1fr));overflow-x:auto;}
}

@media(max-width:760px){
  body[data-page="training"] .container{width:calc(100% - 2rem);}
  .training-hero__grid{gap:2.2rem;padding-block:3.6rem 3.3rem;}

  /* Long institutional titles need the full mobile measure. Desktop's
     deliberately narrow editorial measures make multi-word headings look
     vertically stacked once the copy becomes more substantive. */
  .training-hero h1,
  .training-environment__copy h2,
  .training-section-head h2,
  .training-innovation__head h2{
    max-width:100%;
    width:100%;
    word-break:normal;
    overflow-wrap:normal;
    hyphens:none;
    text-wrap:balance;
  }
  .training-hero h1{
    font-size:clamp(2.22rem,8.9vw,2.95rem);
    line-height:.96;
    letter-spacing:-.042em;
  }
  .training-hero__lead{font-size:.91rem;line-height:1.64;}
  .training-hero__lead--secondary{font-size:.81rem;}
  .training-pathway{padding:1.45rem 1rem 1.15rem;}
  .training-pathway::before{display:none;}
  .training-pathway::after{width:64px;}
  .training-pathway__rail{left:1.9rem;top:2.5rem;bottom:1.7rem;}
  .training-pathway li{grid-template-columns:1.8rem minmax(0,1fr);padding:.78rem 0 .84rem 1.85rem;}
  .training-pathway li::before{left:.64rem;}
  .training-pathway strong{font-size:1.07rem;}

  .training-participation{
    padding:1.45rem .95rem 1rem;
  }
  .training-participation__eyebrow{margin-bottom:1.2rem;}
  .training-participation__axis{
    left:1.82rem;
    top:3.8rem;
    bottom:1.25rem;
  }
  .training-participation li{
    grid-template-columns:1.8rem minmax(0,1fr);
    padding:.8rem 0 .84rem 1.55rem;
    gap:.12rem .65rem;
  }
  .training-participation li::before{
    left:.54rem;
    top:.96rem;
    width:7px;
    height:7px;
  }
  .training-participation strong{font-size:1.18rem;}
  .training-participation small{font-size:.68rem;line-height:1.46;}

  .training-environment{padding:4.2rem 0;}
  .training-environment__copy h2,.training-section-head h2{
    font-size:clamp(1.95rem,7.2vw,2.45rem);
    line-height:.98;
    letter-spacing:-.034em;
  }
  .training-participation{
    min-height:0;
    padding:1.7rem 1.15rem 1.2rem;
  }
  .training-participation__axis{
    left:2.25rem;
    top:4.2rem;
    bottom:1.55rem;
  }
  .training-participation li{
    padding:.88rem 0 .92rem 1.95rem;
    gap:.14rem .8rem;
  }
  .training-participation li::before{left:.7rem;top:1.05rem;}
  .training-participation strong{font-size:1.32rem;}
  .training-participation small{font-size:.7rem;}
  .training-media{min-height:360px;}
  .training-media img{object-position:57% 50%;}

  .training-development{padding:4.3rem 0;}
  .training-register__row{grid-template-columns:2.4rem minmax(0,1fr);gap:.7rem 1rem;padding:1.38rem 0;}
  .training-register__row h3{grid-column:2;font-size:1.48rem;}
  .training-register__row p{grid-column:2;font-size:.78rem;}

  .training-innovation{padding:4.4rem 0;}
  .training-innovation__head{grid-template-columns:1fr;gap:1.2rem;}
  .training-innovation__head h2{
    font-size:clamp(2rem,7.7vw,2.6rem);
    line-height:.98;
    letter-spacing:-.036em;
  }
  .training-innovation__process{display:block;margin-top:2.15rem;overflow:visible;border-bottom:0;}
  .training-innovation__process li{min-height:0;padding:1rem 0;border-right:0;border-bottom:1px solid rgba(190,231,232,.13);}
  .training-innovation__process strong{margin:.62rem 0 .32rem;}
}

@media(max-width:390px){
  body[data-page="training"] .container{width:calc(100% - 1.4rem);}
  .training-hero h1{font-size:clamp(2.08rem,8.7vw,2.55rem);}
  .training-environment__copy h2,
  .training-section-head h2,
  .training-innovation__head h2{font-size:clamp(1.92rem,7.6vw,2.35rem);}
  .training-register__row h3,
  .training-pathway strong,
  .training-innovation__process strong{
    word-break:normal;
    overflow-wrap:normal;
    hyphens:none;
  }
  .training-media{min-height:325px;}
}

@media(prefers-reduced-motion:reduce){
  .training-register__row{transition:none;}
}

@media print{
  .training-hero,.training-development,.training-environment,.training-innovation{background:#fff!important;color:#000!important;}
  .training-pathway,.training-media{box-shadow:none;}
  .training-page h1,.training-page h2,.training-page h3,.training-page p{color:#000!important;}
}