.tutorial-eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.16em;color:var(--accent,#d88000)}
.tutorial-context{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:1rem 0}.tutorial-context>span{font-size:.85rem;color:var(--muted,#64748b)}
.tutorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.3rem 0}.tutorial-card{padding:1.3rem;border:1px solid var(--border,#64748b);border-radius:14px;min-width:0}.tutorial-card h3{margin:.5rem 0}.tutorial-card p{line-height:1.6}.tutorial-duration{font-size:.8rem;opacity:.8}.tutorial-card .btn{white-space:normal;text-align:left;max-width:100%}
.tutorial-modal{width:min(1080px,calc(100vw - 32px));max-width:1080px}.tutorial-player{display:block;width:100%;aspect-ratio:16/9;background:#090e18;border-radius:12px;margin:1rem 0}.tutorial-player-tools,.tutorial-checklist-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.tutorial-player-tools label{display:flex;align-items:center;gap:.7rem}.tutorial-player-tools select{width:auto;min-width:100px}
.tutorial-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:1rem}.tutorial-checklist>div{padding:.9rem;border:1px solid var(--border,#64748b);border-radius:10px;min-width:0}.tutorial-checklist label{display:flex;align-items:flex-start;gap:.65rem}.tutorial-checklist input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;margin:2px 0;accent-color:var(--accent,#d88000)}.tutorial-checklist a{display:inline-block;font-size:.8rem;margin:.6rem 0 0 1.8rem}.getting-started h2{margin:0}
@media(max-width:650px){.tutorial-grid,.tutorial-checklist{grid-template-columns:1fr}.tutorial-context .btn{width:100%;white-space:normal}.tutorial-modal{padding:14px}.tutorial-player-tools{align-items:flex-start}}
.tutorial-modal .modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.tutorial-modal .modal-head h2{margin:0;line-height:1.3}.tutorial-modal .modal-head .tutorial-eyebrow{margin:0 0 14px}.tutorial-modal .modal-close{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid var(--border,#64748b);border-radius:50%;color:inherit;background:transparent;cursor:pointer;font-size:23px;line-height:1}.tutorial-modal .modal-close:hover{background:#f0a12820}