.training-hero{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:27px 31px;background:#e9efdf;border:1px solid #dce6d4;border-radius:var(--radius);margin-bottom:22px}.training-hero h2{font-size:25px;font-weight:500;letter-spacing:-.5px;margin:9px 0}.training-hero p{font-size:12px;line-height:1.7;color:#6f7e6d;max-width:680px}.training-mark{width:74px;height:74px;display:grid;place-items:center;border-radius:24px;color:#54765c;background:#d9e5d0;flex-shrink:0}.training-tags{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px}.training-tags span{display:flex;align-items:center;gap:6px;font-size:10px;color:#63735f}.training-columns{align-items:start}.training-session{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--border)}.training-session-number{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#edf2e8;color:#59735a;font-size:11px;flex-shrink:0}.training-session small,.eyebrow{font-size:9px;color:#88958a;text-transform:uppercase;letter-spacing:.08em}.training-session h3{font-size:13px;margin:5px 0}.training-session p{font-size:10px;line-height:1.7;color:var(--muted)}.training-game-card{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;background:#f4f7f1;padding:17px;border:1px solid #e7ece2;border-radius:12px}.training-game-card h3{font-size:13px;margin:5px 0}.training-game-card p{font-size:10px;color:var(--muted);line-height:1.7;max-width:420px}.training-game-card .button{flex-shrink:0}.training-group{padding:16px 0 18px;border-bottom:1px solid var(--border)}.training-group:last-child{border-bottom:0}.training-group-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.training-group h3{font-size:13px;margin:5px 0}.training-group>p{font-size:10px;color:var(--muted);margin:7px 0 14px}.training-members{display:flex;align-items:center;margin-top:13px}.training-members span{width:25px;height:25px;margin-right:-5px;display:grid;place-items:center;border-radius:50%;background:#e5ece1;border:2px solid #fff;color:#526c57;font-size:8px}.training-members small{font-size:10px;color:var(--muted)}.training-note{margin-top:18px}.training-game-shell{max-width:780px;margin:0 auto}.game-progress{display:flex;align-items:center;gap:16px;color:var(--muted);font-size:10px;margin-bottom:17px}.game-progress .progress{flex:1}.chat-card{padding:20px 22px;border:1px solid var(--border);border-radius:14px;background:#fff;margin-bottom:13px}.chat-card.player{background:#f0f4ec}.chat-card.client-reaction{background:#fbf6ec;border-color:#eee2c6}.chat-label{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#879286;margin-bottom:9px}.chat-card blockquote{font-size:14px;line-height:1.7;color:#39483f;margin:0}.choice-title{margin:25px 0 15px}.choice-title h2{font-size:19px;font-weight:500;margin:7px 0}.choice-title p{font-size:11px;line-height:1.7;color:var(--muted)}.training-choices{display:grid;gap:9px;margin-bottom:18px}.training-choice{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;padding:14px 15px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--ink);cursor:pointer;transition:border-color .16s,background .16s,transform .16s}.training-choice:hover,.training-choice:focus-visible{border-color:#93ac91;background:#f8faf6;transform:translateY(-1px);outline:none}.choice-index{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#edf2e8;color:#55705a;font-size:10px;font-weight:600;flex-shrink:0}.training-choice>span:nth-child(2){flex:1}.training-choice b{display:block;font-size:11px;margin:1px 0 5px}.training-choice small{display:block;font-size:10px;line-height:1.7;color:var(--muted)}.training-choice>svg{color:#8b9a8c;margin-top:4px;flex-shrink:0}.training-reflection{padding:15px 17px;border-radius:11px;background:#f5f7f3;margin:15px 0 18px}.training-reflection b{font-size:11px}.training-reflection p{font-size:10px;line-height:1.7;color:var(--muted);margin-top:5px}.outcome-card{text-align:center;padding:22px 20px;margin-bottom:17px;border:1px solid var(--border);border-radius:14px;background:#fff}.outcome-card h2{font-size:18px;font-weight:500;margin:8px auto;max-width:560px}.outcome-card p{font-size:10px;line-height:1.7;color:var(--muted);max-width:520px;margin:0 auto}.skill-breakdown{padding:15px 18px;margin-bottom:17px;border:1px solid var(--border);border-radius:13px;background:#fff}.skill-row{display:grid;grid-template-columns:minmax(0,1fr) 62px minmax(155px,1fr);gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid #edf0eb}.skill-row:last-child{border-bottom:0}.skill-row>span{font-size:10px}.skill-row small{font-size:9px;color:var(--muted)}.skill-dots{display:flex;gap:5px}.skill-dots i{width:11px;height:11px;border:1px solid #d8e0d6;border-radius:50%}.skill-dots i.filled{background:#78947a;border-color:#78947a}.debrief h3{font-size:12px;margin-bottom:11px}.debrief ul{padding-left:17px;margin:0}.debrief li{font-size:10px;color:var(--muted);line-height:1.8;margin:5px 0}.training-roster{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:300px;overflow:auto;padding:1px 3px 3px}.roster-option{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid var(--border);border-radius:10px;cursor:pointer}.roster-option input{accent-color:var(--green);width:15px;height:15px}.roster-option .avatar{width:29px;height:29px;font-size:9px;flex-shrink:0}.roster-option b{display:block;font-size:10px}.roster-option small{display:block;font-size:8px;color:var(--muted);margin-top:3px}.badge.sage{background:#eaf1e6;color:#668168}.badge.green{background:#e8f3ec;color:#467158}.badge.amber{background:#fbf1dd;color:#9a7735}
@media(max-width:700px){.training-hero{padding:21px;align-items:flex-start}.training-hero h2{font-size:22px}.training-mark{width:51px;height:51px;border-radius:17px}.training-mark svg{width:27px;height:27px}.training-tags{gap:9px 13px}.training-game-card{align-items:flex-start;flex-direction:column}.training-game-card .button{width:100%;justify-content:center}.chat-card{padding:17px}.chat-card blockquote{font-size:12px}.training-choice{padding:12px}.skill-row{grid-template-columns:1fr 54px;gap:8px}.skill-row small{grid-column:1/-1}.training-roster{grid-template-columns:1fr}}
