.role-tutorial{color:#142f27;background:#fff;border:1px solid #b7c9c0;border-top:5px solid #ffcb32;border-radius:10px;padding:20px;margin:22px 0;min-width:0;overflow-wrap:anywhere;scroll-margin-top:20px}
.role-tutorial .rt-heading h3{font-size:1.35rem;line-height:1.25;margin:0 0 10px;color:#123c2c;letter-spacing:-.02em}
.role-tutorial p{font-size:1rem;line-height:1.6;color:#293f36;margin:0 0 15px}
.role-tutorial .rt-eyebrow{color:#214c37;font-size:.875rem;font-weight:800;letter-spacing:.07em;margin-bottom:9px}
.rt-switch{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:13px}
.role-tutorial button{font:inherit;font-weight:700;min-height:48px;padding:11px 14px;border-radius:6px;cursor:pointer;line-height:1.4;border:1px solid #769383;background:#fff;color:#143a2a}
.rt-switch button{flex:1;min-width:130px}
.rt-switch button[aria-pressed=true]{background:#153e33;color:#fff;border-color:#153e33;box-shadow:inset 0 -4px #ffcb32}
.rt-video{display:block;width:100%;aspect-ratio:4/3;height:auto;max-height:75vh;object-fit:contain;background:#102b21;border-radius:7px}
.rt-video::cue{color:#fff;background:#061a14e8;font-size:1.15em}
.role-tutorial .rt-status{font-size:.9rem;color:#173c2c;margin:12px 0 7px;min-height:1.5em}
.role-tutorial .rt-help{font-size:.875rem;color:#34483e}
.role-tutorial details{border-top:1px solid #baccc1;padding:13px 0;margin-top:10px}
.role-tutorial summary{font-size:1rem;font-weight:750;cursor:pointer;min-height:40px;padding:8px 0;line-height:1.4;color:#173a2b}
.rt-chapter-list{display:grid;gap:7px;margin-top:12px}
.rt-chapter-list button{display:flex;gap:13px;align-items:flex-start;text-align:left;justify-content:flex-start;font-weight:600}
.rt-chapter-list button span{font-variant-numeric:tabular-nums;flex:0 0 3.4em;font-weight:800}
.rt-chapter-list button[aria-current=true]{background:#fff2b8;border-color:#6b5b0b;color:#142f27}
.rt-transcript section{margin:18px 0}.rt-transcript h4{font-size:1.05rem;margin:0 0 8px;line-height:1.4}
.rt-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px;align-items:center}
.rt-links a{color:#133d2c;font-size:.9rem;font-weight:750;text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center}
.role-tutorial :focus-visible{outline:3px solid #856000;outline-offset:4px}
.tutorial-library{max-width:1120px;margin:auto;padding:38px 22px 64px}.tutorial-library h1{font-size:clamp(2rem,4vw,3.3rem)}
.tutorial-role-nav{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.tutorial-role-nav a{padding:12px 18px;min-height:48px;background:#153e33;color:#fff;border-radius:7px;text-decoration:none;font-weight:700;line-height:1.4}
.tutorial-role-selector{max-width:460px;margin-bottom:18px;display:grid;gap:8px}.tutorial-role-selector select{padding:12px;min-height:48px;border:1px solid #769383;border-radius:6px;background:#fff;color:#143a2a;font:inherit}
.join-form .role-tutorial{margin:20px -10px 26px;padding:15px}.rt-account-callout{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#153e33;color:#fff;padding:22px;border-radius:8px;margin-bottom:24px}.rt-account-callout p{color:#fff;margin:7px 0 0}.rt-account-callout h2{color:#ffcb32;margin:0}.rt-account-callout a{white-space:normal}
@media(max-width:650px){.role-tutorial{padding:15px}.rt-switch button{font-size:.9rem;padding:10px}.rt-video{max-height:none}.tutorial-library{padding:28px 17px 50px}.rt-account-callout{display:block}.rt-account-callout a{margin-top:15px}.tutorial-role-nav a{flex:1;text-align:center;min-width:135px}}