.training-menu{box-sizing:border-box;width:min(1040px,calc(100vw - 32px));max-width:none;height:min(740px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid #6c7966;border-radius:14px;background:linear-gradient(135deg,#1b2629,#111b1e);color:#edf0e5;box-shadow:0 24px 100px #000b;overflow:hidden}.training-menu::backdrop{background:#080e13bd;backdrop-filter:blur(5px)}.training-menu[open]{display:flex;flex-direction:column;gap:14px}.training-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.training-heading h2{font-size:26px;margin:3px 0}.training-kicker{color:#d6bd79;font-size:12px;letter-spacing:.06em}.training-menu button{cursor:pointer;min-height:40px;border-radius:6px;border:1px solid #566369;background:#273337;color:#f4f3e8;padding:8px 14px}.training-menu button:hover{background:#36464b}.training-menu button:focus-visible{outline:3px solid #f7d78b;outline-offset:2px}.training-note{font-size:13px;line-height:1.5;color:#bdc8c8;margin:0;max-width:850px}.training-layout{display:grid;grid-template-columns:minmax(230px,43%) minmax(0,1fr);gap:24px;min-height:0;flex:1}.training-list{display:flex;flex-direction:column;gap:5px;overflow-y:auto;padding:4px 8px 4px 0;scrollbar-color:#718583 #1a2527}.training-menu .training-lesson{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;min-height:60px;text-align:left;padding:8px;background:#1b2a2e;border-color:#334447;font-size:14px;line-height:1.3}.training-menu .training-lesson[aria-current=true]{background:#374541;border-color:#c2b276;box-shadow:inset 3px 0 #e6cc82}.training-check{color:#bed5b0;font-size:12px;white-space:nowrap}.training-detail{overflow-y:auto;padding:12px 10px 12px 4px}.training-detail h3{font-size:25px;line-height:1.25;margin:14px 0 8px}.training-detail p{line-height:1.5;font-size:15px}.training-benefit{color:#eed49b}.training-duration,.training-progress{color:#aabfbd;font-size:13px!important}.training-steps{display:grid;gap:9px;padding-left:24px;line-height:1.3}.training-menu .training-start{width:100%;font-weight:700;background:#d0b770;color:#132126;border:1px solid #e7d098;margin-top:12px}.training-menu button:disabled{opacity:.55;cursor:default}.training-unavailable{color:#e5ba94}@media(max-width:700px){.training-menu{padding:14px;gap:10px}.training-layout{grid-template-columns:1fr;grid-template-rows:minmax(100px,38%) minmax(0,1fr);gap:10px}.training-note{font-size:12px}.training-detail{padding:4px}.training-detail>.in-icon{float:right}.training-detail h3{font-size:21px}.training-heading h2{font-size:22px}}@media(max-height:630px) and (min-width:701px){.training-menu{padding:16px}.training-detail h3{font-size:21px;margin:6px 0}.training-detail>.in-icon{float:right}.training-steps{gap:5px}.training-note{font-size:12px}}

.training-lesson>.in-icon{width:40px;height:40px}.training-detail>.in-icon{width:96px;height:72px}

.training-action-icon svg{box-sizing:border-box;padding:7px;fill:none;stroke:#e0cc91;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 1px #0009)}

.training-error{border-left:3px solid #df9775;padding:10px 12px;background:#452e29;color:#ffe1cc}