.training-course,.training-parent{--training-ink:#204247;--training-heading:#5b813b;--training-blue:#204247;--training-line:#9fbeb5;--training-card:linear-gradient(150deg,#e2edcebd,#c4dbc4b8);--training-shadow:0 18px 30px -25px #10243388;color:var(--training-ink)}.training-course{border:1px solid var(--training-line);background:var(--training-card);box-shadow:var(--training-shadow);border-radius:21px;margin:28px 0;padding:clamp(22px,3vw,36px)}.training-course-heading{grid-template-columns:minmax(0,1fr) 80px;align-items:start;gap:24px;display:grid}.training-course-heading>div{min-width:0;max-width:820px}.training-course-heading>svg{filter:drop-shadow(0 7px 4px #20424726);justify-self:end;width:80px;height:80px}.training-course h2{color:var(--training-heading);margin:8px 0 14px;font-size:clamp(17px,1.8vw,22px);line-height:1.2}.training-course p,.training-parent p{color:var(--training-ink);line-height:1.65}.training-course .eyebrow,.training-parent .eyebrow{color:#3d5e53}.training-course-facts{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.training-course-facts>span{color:#214b35;background:#b2ccb89c;border:1px solid #9fbeb580;border-radius:7px;padding:7px 10px;font-size:13px}.training-course-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.training-course-note{align-items:flex-start;gap:8px;margin:18px 0 0;font-size:13px;display:flex}.training-course-note svg{flex-shrink:0;margin-top:3px}.training-course-available{border-top:1px solid #9fbeb58c;border-bottom:1px solid #9fbeb58c;margin:20px 0;padding:18px 0}.training-course-available ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;margin:12px 0 0;padding:0;list-style:none;display:grid}.training-course-available li a{color:var(--training-blue);align-items:center;gap:8px;font-weight:650;display:flex}.training-course-available li a svg:last-child{flex-shrink:0;margin-left:auto}.training-course-available summary{cursor:pointer;margin-top:12px}.training-directory{margin-top:30px}.training-directory-summary{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.training-directory-summary h2{color:#102433;font-size:clamp(24px,2.5vw,30px)}.training-directory-summary>span{color:#426157;font-size:13px}.training-directory>p{margin-top:12px}.training-unit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:22px 0;display:grid}.training-unit{border:1px solid var(--training-line);background:var(--training-card);box-shadow:var(--training-shadow);border-radius:21px;flex-direction:column;min-width:0;padding:24px;display:flex}.training-unit.is-open{border-color:#83a68d}.training-unit-top{grid-template-columns:minmax(0,1fr) 72px;align-items:start;gap:16px;display:grid}.training-unit-top>div{min-width:0}.training-unit-number{letter-spacing:.045em;color:#3d5e53;font-size:11px;font-weight:650}.training-unit h3{color:var(--training-heading);letter-spacing:-.025em;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none;margin:9px 0 0;font-size:clamp(16px,1.6vw,20px);line-height:1.25}.training-state-icon{filter:drop-shadow(0 5px 3px #20424726);flex-shrink:0;justify-self:end;width:72px;height:72px;display:block;overflow:visible}.training-unit-status{color:#426157;align-self:flex-start;align-items:center;gap:6px;margin:16px 0 12px;font-size:12px;line-height:1.5;display:inline-flex}.training-unit-status svg{flex:none}.training-unit p{margin:0 0 22px;font-size:15px;line-height:1.65}.training-unit .button{align-self:flex-start;margin-top:auto}.training-course .button,.training-parent .button{white-space:normal;text-align:left;border-radius:10px;min-height:48px}.training-course .button.primary,.training-parent .button.primary{background:var(--training-blue);color:#fff}.training-course .button.outline,.training-parent .button.outline{color:var(--training-blue);border:1px solid var(--training-blue);background:#dce9d9}.training-course .button.primary:hover,.training-parent .button.primary:hover{background:#204247}.training-course .button.outline:hover,.training-parent .button.outline:hover{background:#c9dfc4}:is(.training-course :is(a,summary):focus-visible,.training-parent :is(a,summary):focus-visible){outline-offset:4px;outline:3px solid #2e6595}.training-parent{max-width:1140px;margin:36px auto;padding:24px}.training-parent-hero{border:1px solid var(--training-line);background:var(--training-card);box-shadow:var(--training-shadow);border-radius:21px;padding:clamp(22px,3vw,34px)}.training-parent h1{max-width:950px;color:var(--training-heading);overflow-wrap:normal;margin:8px 0 16px;font-size:clamp(19px,2.2vw,28px);line-height:1.17}.training-parent-intro{max-width:860px;line-height:1.7}.training-parent-process{border:1px solid var(--training-line);box-shadow:var(--training-shadow);background:linear-gradient(145deg,#d8e9dfcf,#b9d8d6aa);border-radius:21px;margin:28px 0;padding:24px}.training-parent-process h2{color:#186468;margin-bottom:12px;font-size:22px}.training-parent-process p{line-height:1.7}.training-parent-footer{margin:24px 0;font-size:14px;line-height:1.65}.training-parent-links{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.training-parent-brand{color:var(--training-blue);justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.training-parent-brand img{width:120px;height:auto}.training-parent-code{border:1px solid var(--training-line);background:#cbded082;border-left:4px solid #729a41;border-radius:12px;margin-top:20px;padding:16px 18px;line-height:1.6}@media (max-width:760px){.training-unit-grid,.training-course-available ul{grid-template-columns:1fr}.training-course-heading{grid-template-columns:minmax(0,1fr) 64px;gap:16px}.training-course-heading>svg{width:64px;height:64px}}@media (max-width:480px){.training-parent{margin:16px auto;padding:18px}.training-course,.training-unit,.training-parent-hero,.training-parent-process{padding:22px 18px}.training-course-heading{grid-template-columns:minmax(0,1fr) 50px;gap:10px}.training-course-heading>svg{width:50px;height:50px}.training-parent h1{font-size:20px}.training-unit-top{grid-template-columns:minmax(0,1fr) 58px;gap:12px}.training-state-icon{width:58px;height:58px}.training-parent-brand{align-items:flex-start}.training-parent-brand img{width:94px}}.training-course :is(h2,h3),.training-parent :is(h1,h2,h3){white-space:nowrap;-webkit-hyphens:none;hyphens:none;overflow-wrap:normal;word-break:normal;text-overflow:clip;scrollbar-width:thin;max-width:100%;padding-bottom:3px;overflow-x:auto}:is(.training-course :is(h2,h3):focus-visible,.training-parent :is(h1,h2,h3):focus-visible){outline-offset:4px;outline:3px solid #204247}.training-course-heading>div,.training-unit-top>div{min-width:0}.training-unit-grid{grid-template-columns:1fr;align-items:start}.training-unit-inquiry{margin-bottom:12px}@media (max-width:700px){.training-course .training-course-heading,.training-parent .training-course-heading{grid-template-columns:1fr}.training-course-heading>svg{grid-row:1;justify-self:end}.training-course .training-course-heading>div,.training-parent .training-course-heading>div{grid-row:2}.training-course h2,.training-parent :is(h1,h3),:is(.home-page,.uw-platform) .simulation-catalog .training-course h2{white-space:nowrap;-webkit-hyphens:none;hyphens:none;overflow-x:auto}}.training-course{container-type:inline-size}@container (width<=660px){.training-course .training-course-heading,:is(.home-page,.uw-platform) .simulation-wastewater-pair .training-course-heading{grid-template-columns:1fr}.training-course .training-course-heading>svg{grid-row:1;justify-self:end}.training-course .training-course-heading>div{grid-row:2}.training-course h2,:is(.home-page,.uw-platform) .simulation-catalog .training-course h2{white-space:nowrap;-webkit-hyphens:none;hyphens:none;overflow-x:auto}}.training-unit-grid{grid-template-columns:minmax(0,1fr);gap:20px}.training-course-heading,.training-unit-top{grid-template-columns:minmax(0,1fr) 44px;gap:16px}.training-course-heading>svg,.training-state-icon{justify-self:end;width:44px;height:44px}.training-course,.training-unit{background:linear-gradient(150deg,#e2edcebd,#c4dbc4b8);border-color:#9fbeb5;width:100%}.training-unit>.offer-price,.training-course>.offer-price{align-self:flex-start;width:fit-content;max-width:100%}.training-course-heading>div{max-width:none}@container (width<=560px){.training-course .training-course-heading,:is(.home-page,.uw-platform) .simulation-wastewater-pair .training-course-heading{grid-template-columns:minmax(0,1fr)!important}}
