.training-journey-intro,.training-entry-status,.training-entry-illustration{display:none}

@media(max-width:760px){
  body.training-placeholder-active{background:#f4f7f5!important}
  .training-placeholder-page.training-journey-page{
    min-height:calc(100vh - 72px)!important;
    padding:18px 14px 96px!important;
    background:linear-gradient(180deg,#f8faf9 0%,#f2f6f4 100%)!important;
  }

  .training-journey-intro{
    display:block!important;
    max-width:520px;
    margin:0 auto 20px;
    padding:4px 2px 0;
  }
  .training-journey-intro h2{
    margin:0;
    color:#073d30;
    font-size:38px;
    line-height:.98;
    font-weight:950;
    letter-spacing:-.045em;
  }
  .training-journey-intro p{
    margin:12px 0 22px;
    color:#64736d;
    font-size:16px;
    line-height:1.35;
  }

  .training-journey-steps{
    display:grid;
    grid-template-columns:58px minmax(30px,1fr) 58px minmax(30px,1fr) 58px;
    align-items:start;
    gap:7px;
    padding:0 8px;
  }
  .training-journey-step{
    display:grid;
    justify-items:center;
    gap:7px;
    color:#65736d;
  }
  .training-journey-step span{
    width:54px;height:54px;border-radius:50%;
    display:grid;place-items:center;
    border:3px solid #dce5e1;
    background:#fbfcfb;
    color:#586b63;
    font-size:20px;font-weight:950;
    box-shadow:0 4px 12px rgba(13,62,46,.045);
  }
  .training-journey-step b{font-size:13px;line-height:1;font-weight:750}
  .training-journey-step.done span{
    background:linear-gradient(145deg,#37bc72,#168d52);
    border-color:#2cad69;color:#fff;
  }
  .training-journey-step.current span{
    background:linear-gradient(145deg,#0a6047,#05412f);
    border-color:#0a5942;color:#caff5f;
  }
  .training-journey-step.current b{color:#073d30;font-weight:900}
  .training-journey-step.locked span{background:#f4f6f5;color:#52645d;font-size:16px}
  .training-journey-line{
    height:4px;margin-top:26px;border-radius:999px;background:#dfe6e2;
  }
  .training-journey-line.active{background:#0a684c}

  .training-entry-grid{
    width:min(520px,100%)!important;
    margin:0 auto!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .training-entry-card{
    position:relative!important;
    min-height:0!important;
    overflow:hidden!important;
    border-radius:22px!important;
    box-shadow:0 8px 24px rgba(9,50,37,.05)!important;
  }
  .training-entry-status{
    display:inline-flex!important;
    align-items:center;justify-content:center;
    border-radius:999px;
    white-space:nowrap;
    font-size:10px;line-height:1;font-weight:900;
  }

  .training-entry-card-start{
    display:grid!important;
    grid-template-columns:56px minmax(0,1fr) auto!important;
    grid-template-areas:'icon step status' 'icon title status' 'icon desc desc' '. footer footer'!important;
    column-gap:13px!important;row-gap:4px!important;
    min-height:154px!important;
    padding:18px!important;
    border:1px solid #dde7e2!important;
    background:#fff!important;
  }
  .training-entry-card-start .training-entry-icon{
    grid-area:icon!important;
    width:56px!important;height:56px!important;margin:0!important;
    align-self:start!important;border-radius:17px!important;
    background:#e5f6ec!important;color:#0b6b4b!important;
    font-size:27px!important;
  }
  .training-entry-card-start .training-entry-step{
    grid-area:step!important;
    align-self:end!important;
    color:#74857d!important;font-size:10px!important;
  }
  .training-entry-card-start h2{
    grid-area:title!important;
    margin:3px 0 0!important;
    color:#073d30!important;font-size:24px!important;line-height:1.05!important;
  }
  .training-entry-card-start .training-entry-status{
    grid-area:status!important;
    align-self:start!important;
    min-height:32px;padding:0 12px;
    background:#e4f7e9;color:#176746;
  }
  .training-entry-card-start p{
    grid-area:desc!important;
    margin:6px 0 0!important;
    color:#6a7a73!important;font-size:12px!important;line-height:1.4!important;
  }
  .training-entry-card-start .training-entry-footer{
    grid-area:footer!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    margin:6px 0 0!important;padding:10px 0 0!important;
    border-top:1px solid #e5ece8!important;
    color:#0d5d45!important;font-size:13px!important;
  }
  .training-entry-card-start .training-entry-footer strong{
    font-size:13px!important;color:#0c5b43!important;white-space:nowrap;
  }

  .training-entry-card-primary{
    display:block!important;
    width:100%!important;
    min-height:330px!important;
    padding:24px 20px 20px!important;
    border:1px solid rgba(151,255,192,.22)!important;
    border-radius:26px!important;
    background:linear-gradient(145deg,#07503a 0%,#08764c 56%,#05603f 100%)!important;
    color:#fff!important;text-align:left!important;
    box-shadow:0 15px 32px rgba(3,70,46,.17)!important;
    cursor:pointer!important;
  }
  .training-entry-card-primary::before{
    content:'';position:absolute;right:-55px;top:-64px;width:220px;height:220px;border-radius:50%;
    border:1px solid rgba(200,255,112,.13);
    box-shadow:0 0 0 44px rgba(200,255,112,.055),0 0 0 88px rgba(200,255,112,.025);
    pointer-events:none;
  }
  .training-entry-card-primary .training-entry-step{
    position:relative;z-index:2;
    margin:0 0 18px!important;
    color:#d5e9df!important;font-size:11px!important;letter-spacing:.15em!important;
  }
  .training-entry-card-primary .training-entry-status{
    position:absolute;z-index:3;right:18px;top:18px;
    min-height:34px;padding:0 14px;
    background:linear-gradient(90deg,#d9ff67,#baf44f)!important;
    color:#164731!important;letter-spacing:.04em;
  }
  .training-entry-card-primary h2{
    position:relative;z-index:2;
    width:68%;margin:0!important;
    color:#fff!important;font-size:39px!important;line-height:.98!important;font-weight:950!important;letter-spacing:-.04em!important;
  }
  .training-entry-card-primary p{
    position:relative;z-index:2;
    width:62%;margin:18px 0 0!important;
    color:#c9dfd4!important;font-size:16px!important;line-height:1.35!important;
  }
  .training-entry-illustration{
    display:block!important;
    position:absolute;z-index:1;right:18px;top:112px;width:132px;height:116px;
    opacity:.96;background-position:center;background-repeat:no-repeat;background-size:contain;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 120'%3E%3Cg fill='none' stroke='%23caff78' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 48c22-11 42-10 61 1v57c-19-11-39-12-61-1V48Z'/%3E%3Cpath d='M71 49c20-12 41-13 63-3v57c-22-9-43-8-63 3V49Z'/%3E%3Ccircle cx='112' cy='35' r='20'/%3E%3Ccircle cx='112' cy='35' r='9'/%3E%3Cpath d='m125 22 16-16m-8 0h8v8'/%3E%3C/g%3E%3C/svg%3E");
  }
  .training-entry-card-primary .training-entry-footer{
    position:absolute!important;z-index:3;left:18px!important;right:18px!important;bottom:18px!important;
    min-height:62px!important;margin:0!important;padding:0 20px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    border:0!important;border-radius:19px!important;
    background:linear-gradient(90deg,#d0ff55 0%,#a8ef69 100%)!important;
    color:#0d4e39!important;
    box-shadow:0 8px 20px rgba(20,91,53,.18)!important;
  }
  .training-entry-card-primary .training-entry-footer strong{
    display:flex!important;align-items:center!important;gap:18px!important;
    color:#0d4e39!important;font-size:19px!important;font-weight:950!important;
  }
  .training-entry-card-primary .training-entry-footer strong span{font-size:26px!important;font-weight:500!important}

  .training-entry-card-locked{
    display:grid!important;
    grid-template-columns:58px minmax(0,1fr) auto!important;
    grid-template-areas:'icon step status' 'icon title status' 'icon desc desc'!important;
    column-gap:13px!important;row-gap:4px!important;
    min-height:142px!important;
    padding:18px!important;
    border:1px solid #dfe6e2!important;
    background:#f7f9f8!important;
    box-shadow:none!important;
  }
  .training-entry-card-locked .training-entry-icon{
    grid-area:icon!important;width:56px!important;height:56px!important;margin:0!important;
    border-radius:17px!important;background:#edf1ef!important;color:#566962!important;font-size:19px!important;
  }
  .training-entry-card-locked .training-entry-step{grid-area:step!important;align-self:end!important;font-size:10px!important;color:#7d8b85!important}
  .training-entry-card-locked h2{grid-area:title!important;margin:3px 0 0!important;color:#254d40!important;font-size:23px!important;line-height:1.08!important}
  .training-entry-card-locked p{grid-area:desc!important;margin:7px 0 0!important;color:#7b8984!important;font-size:12.5px!important;line-height:1.38!important}
  .training-entry-card-locked .training-entry-status{
    grid-area:status!important;align-self:start!important;min-height:32px;padding:0 11px;background:#e8edeb!important;color:#687771!important;
  }
  .training-entry-card-locked .training-entry-footer{display:none!important}

  @media(max-width:380px){
    .training-placeholder-page.training-journey-page{padding-left:10px!important;padding-right:10px!important}
    .training-journey-intro h2{font-size:34px}
    .training-journey-steps{grid-template-columns:52px minmax(22px,1fr) 52px minmax(22px,1fr) 52px;padding:0 4px}
    .training-journey-step span{width:49px;height:49px}
    .training-entry-card-primary{min-height:310px!important;padding:22px 17px 18px!important}
    .training-entry-card-primary h2{font-size:35px!important}
    .training-entry-card-primary p{font-size:15px!important}
    .training-entry-illustration{right:12px;top:116px;width:110px;height:98px}
  }
}