.tutorial-hero{background:#0f2f53;color:#fff;padding:62px 0 88px;border-bottom:5px solid #83c2ef}.tutorial-eyebrow{font-size:.75rem;letter-spacing:.16em;font-weight:750;text-transform:uppercase;margin:0 0 16px}.tutorial-hero .tutorial-eyebrow{color:#a8d8ff}.tutorial-hero h1{font-size:clamp(2.7rem,6vw,4.6rem);line-height:1.06;letter-spacing:-.055em;font-weight:800;margin:0 0 22px;max-width:800px}.tutorial-hero h1 span{color:#a8d8ff}.tutorial-hero>div>p:not(.tutorial-eyebrow){max-width:590px;font-size:1.15rem;line-height:1.6;color:#e1ebf5}.tutorial-facts{display:flex;gap:24px;flex-wrap:wrap;margin-top:28px;font-size:.85rem;color:#c2d8ed}.tutorial-facts span:before{content:"✓";margin-right:8px;color:#a8d8ff}.tutorial-workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:40px;padding-top:46px;padding-bottom:50px;align-items:start}.tutorial-player-section,.tutorial-library{min-width:0}.tutorial-player-section h2{font-size:clamp(1.7rem,3vw,2.3rem);line-height:1.15;font-weight:750;letter-spacing:-.025em;margin:0 0 14px}.tutorial-player-section .tutorial-eyebrow{color:var(--m-text-muted)}.tutorial-description{color:var(--m-text-muted);line-height:1.65;margin:0 0 22px}.tutorial-video{width:100%;aspect-ratio:16/9;display:block;background:#10233b;border-radius:10px;border:1px solid var(--m-border)}.tutorial-video-meta{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;font-size:.78rem;color:var(--m-text-muted);padding:14px 0 22px}.tutorial-video-meta a,.tutorial-help a{color:var(--m-text);text-decoration:underline;text-underline-offset:4px;font-weight:650}.tutorial-transcript{border-top:1px solid var(--m-border);border-bottom:1px solid var(--m-border);padding:18px 0}.tutorial-transcript summary{cursor:pointer;font-weight:700;min-height:28px}.tutorial-transcript ol{list-style:decimal;padding-left:24px;margin:16px 0 0;line-height:1.65;color:var(--m-text-muted)}.tutorial-transcript li{padding:0 0 12px 6px}.tutorial-note{font-size:.78rem;line-height:1.6;color:var(--m-text-muted);margin-top:18px}.tutorial-library{background:var(--m-surface);border:1px solid var(--m-border);border-radius:12px;padding:22px}.tutorial-library-heading{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:20px}.tutorial-library-heading h2{font-size:1.1rem;font-weight:750}.tutorial-library-heading>span{font-size:.75rem;white-space:nowrap;color:var(--m-text-muted)}.tutorial-search{display:block;font-weight:650;font-size:.8rem}.tutorial-search input{display:block;width:100%;border:1px solid var(--m-border);border-radius:6px;background:var(--m-bg);padding:12px;margin-top:8px;font-weight:400;color:var(--m-text);min-height:46px}.tutorial-filters{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0 12px}.tutorial-filters button{font-size:.74rem;border:1px solid var(--m-border);padding:8px 11px;border-radius:5px;min-height:40px;color:var(--m-text)}.tutorial-filters button[aria-pressed=true]{background:#0f2f53;color:#fff;border-color:#0f2f53}.tutorial-lessons{display:flex;flex-direction:column}.tutorial-lesson{display:grid;grid-template-columns:88px minmax(0,1fr) 12px;gap:12px;align-items:center;padding:15px 6px;border-bottom:1px solid var(--m-border);min-height:86px;color:var(--m-text);text-decoration:none}.tutorial-lesson:last-child{border-bottom:0}.tutorial-lesson[aria-current=true]{background:var(--m-surface-2);box-shadow:inset 3px 0 #438bc6}.tutorial-lesson:hover{background:var(--m-surface-2)}.tutorial-lesson img{width:88px;height:auto;border-radius:4px;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;background:#10233b}.tutorial-lesson-title{display:block;font-size:.86rem;line-height:1.35;font-weight:700}.tutorial-lesson-meta{display:block;font-size:.7rem;margin-top:5px;color:var(--m-text-muted)}.tutorial-play{font-size:.65rem;color:var(--m-text-muted)}.tutorial-empty{padding:24px 0;color:var(--m-text-muted);font-size:.9rem}.tutorial-help{display:flex;justify-content:space-between;gap:24px;align-items:center;border-top:1px solid var(--m-border);padding-top:32px;padding-bottom:52px}.tutorial-help h2{font-size:1.25rem;font-weight:700;margin-bottom:8px}.tutorial-help p{color:var(--m-text-muted);line-height:1.6}.tutorial-help a{white-space:nowrap;padding:12px 0}.tutorial-workspace :is(a,button,input,summary):focus-visible,.tutorial-help a:focus-visible{outline:3px solid #5fa8e5;outline-offset:3px}@media (max-width:850px){.tutorial-workspace{grid-template-columns:1fr;gap:28px}.tutorial-hero{padding:40px 0 48px}.tutorial-library{padding:18px}.tutorial-help{align-items:flex-start;flex-direction:column}}@media (prefers-reduced-motion:reduce){.tutorial-workspace *{scroll-behavior:auto}}