.tutorial-card{display:flex;align-items:center;justify-content:space-between;gap:22px;border-color:#dbd4ee;background:linear-gradient(115deg,#f6f3fc,#fff 75%);padding:20px 25px}.tutorial-eyebrow{display:block;color:#8071a5;font-size:10px;letter-spacing:.6px;margin-bottom:6px}.tutorial-card h2{font-size:15px;margin:0 0 7px}.tutorial-card p{font-size:12px;color:#61758c;margin:0 0 8px;max-width:650px}.tutorial-card small{font-size:10px;color:#8991a4}.tutorial-card-actions{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}.tutorial-guide{color:var(--ink,#182b47)}.tutorial-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.tutorial-summary strong{font-size:14px}.tutorial-summary p{font-size:12px;color:#78889b;margin:6px 0 0}.tutorial-read-count{white-space:nowrap;font-size:11px;padding:5px 10px;color:#71628f;background:#f1edf8;border-radius:20px}.tutorial-progress{height:5px;background:#ece8f3;border-radius:10px;overflow:hidden;margin:18px 0 23px}.tutorial-progress>span{display:block;height:100%;background:#9c8bc1;border-radius:10px}.tutorial-layout{display:grid;grid-template-columns:176px minmax(0,1fr);gap:25px}.tutorial-chapters{display:flex;flex-direction:column;gap:4px;align-self:start}.tutorial-chapters button{display:flex;gap:9px;align-items:center;text-align:left;padding:9px 8px;border-color:transparent;background:transparent;font-size:11px;line-height:1.4}.tutorial-chapters button:hover{background:#f4f1fa}.tutorial-chapters button[aria-current=step]{background:#eee9f8;color:#574876;border-color:#e2daef}.tutorial-chapter-number{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;color:#8e80aa;background:#f3f0f8;font-size:10px}.tutorial-chapters button[aria-current=step] .tutorial-chapter-number{background:#a392c4;color:#fff}.tutorial-chapters small{display:block;font-size:9px;color:#9693a6;margin-top:3px}.tutorial-lesson{min-width:0;border-left:1px solid #e9e4f0;padding-left:25px}.tutorial-lesson-kicker{font-size:10px;color:#8d7da8}.tutorial-lesson h3{font-size:20px;margin:7px 0 12px;color:#263755}.tutorial-goal{padding:12px 15px;border-radius:9px;background:#f3f0f8;color:#66567f;font-size:12px;line-height:1.8;margin:0 0 17px}.tutorial-instructions{padding-left:21px;margin:0 0 20px;font-size:12px;line-height:1.9}.tutorial-instructions li{padding-left:4px;margin-bottom:11px}.tutorial-instructions li::marker{color:#8d79ae;font-weight:600}.tutorial-tip{border-left:3px solid #b3a5ca;padding:4px 0 4px 13px;color:#7c7c91;font-size:11px;line-height:1.8}.tutorial-context{background:#f7f9fc;border:1px solid #e7edf3;border-radius:9px;margin-top:20px;padding:12px 14px}.tutorial-context h4{font-size:11px;margin:0 0 9px;color:#5f768b}.tutorial-context dl{margin:0}.tutorial-context dl>div{display:grid;grid-template-columns:105px minmax(0,1fr);gap:10px;margin:7px 0;font-size:11px;line-height:1.7}.tutorial-context dt{color:#8595a7}.tutorial-context dd{margin:0;overflow-wrap:anywhere}.tutorial-context>p{color:#96a1ae;font-size:10px;margin:10px 0 0}.tutorial-destinations{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.tutorial-mark{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:20px;padding-top:17px;border-top:1px solid #eeeaf4}.tutorial-mark>span{font-size:10px;color:#98a1ae}.tutorial-tools{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:24px;padding-top:15px;border-top:1px solid #eae6f0}.tutorial-tools>span{font-size:10px;color:#939aaa}.tutorial-guide button:focus-visible{outline:3px solid #a291ca;outline-offset:2px}.tutorial-guide button{min-height:34px}.tutorial-guide .text-button{min-height:28px}
.tutorial-choice{padding:15px 17px;margin:18px 0;background:#f5f2fb;border:1px solid #e2daef;border-radius:10px}.tutorial-choice>label{display:flex;align-items:flex-start;gap:11px;cursor:pointer}.tutorial-choice input[type=checkbox]{flex:0 0 17px;width:17px;height:17px;margin:3px 0 0;accent-color:#8071b4}.tutorial-choice label>span{min-width:0}.tutorial-choice strong{display:block;font-size:12px;font-weight:600;color:#66567f}.tutorial-choice small{display:block;font-size:11px;line-height:1.7;color:#8b829b;margin-top:4px}
@media(max-width:700px){.tutorial-layout{grid-template-columns:1fr;gap:18px}.tutorial-chapters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;border-bottom:1px solid #eeeaf4;padding-bottom:15px}.tutorial-chapters button{font-size:10px;padding:7px 6px;min-height:43px}.tutorial-chapters small{font-size:8px}.tutorial-chapter-number{flex-basis:22px;width:22px;height:22px}.tutorial-lesson{border-left:0;padding-left:0}.tutorial-lesson h3{font-size:18px}.tutorial-summary{flex-wrap:wrap;gap:10px}.tutorial-summary p{font-size:11px}.tutorial-progress{margin:14px 0 17px}.tutorial-instructions{font-size:12px}.tutorial-card{align-items:flex-start;flex-direction:column;gap:13px;padding:17px}.tutorial-card p{font-size:11px}.tutorial-card-actions{width:100%}.tutorial-tools{gap:12px}.tutorial-context dl>div{grid-template-columns:90px minmax(0,1fr)}.tutorial-choice{padding:12px 13px}.tutorial-choice strong{font-size:11px}.tutorial-choice small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.tutorial-guide button,.tutorial-card button{transition:none}}