.tutorial-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:38px;align-items:start}.tutorial-media{position:sticky;top:110px}.tutorial-player{position:relative;background:#171a1c;border:1px solid #dfe3e5;border-radius:8px;overflow:hidden;aspect-ratio:100/51}.tutorial-player video{display:block;width:100%;height:100%;object-fit:contain}.tutorial-play{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:linear-gradient(180deg,#171a1c29,#171a1cc9);color:#fff;border:0;cursor:pointer;font-family:inherit;font-size:20px;font-weight:600;line-height:1.4;text-align:center;padding:24px}.tutorial-play[hidden]{display:none}.tutorial-play-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--orange);color:#171a1c;font-size:24px;padding-left:4px;transition:transform .2s}.tutorial-play:hover .tutorial-play-icon{transform:scale(1.06)}.tutorial-play>span:last-child{font-size:20px;font-weight:600;line-height:1.4}.tutorial-play small{display:block;margin-top:6px;font-size:14px;font-weight:400;color:#e5e9eb}.tutorial-play:focus-visible{outline:3px solid var(--orange);outline-offset:-5px}.tutorial-video-note,.tutorial-video-error{font-size:14px;color:var(--muted);line-height:1.7;margin-top:14px}.tutorial-video-error{color:#943000}.tutorial-steps{border-top:1px solid var(--line);list-style:none;margin:0;padding:0}.tutorial-step{border-bottom:1px solid var(--line)}.tutorial-step summary{display:grid;grid-template-columns:28px 1fr 20px;align-items:center;gap:12px;padding:18px 0;cursor:pointer;list-style:none;font-size:16px;font-weight:600;line-height:1.4}.tutorial-step summary::-webkit-details-marker{display:none}.tutorial-step-number{color:var(--muted);font-size:14px;font-weight:500}.tutorial-step-toggle{font-size:22px;font-weight:400;text-align:center;color:var(--muted)}.tutorial-step[open] .tutorial-step-toggle{transform:rotate(45deg)}.tutorial-step[open] .tutorial-step-number,.tutorial-step.is-playing .tutorial-step-number{color:var(--orange-dark)}.tutorial-step.is-playing summary{color:var(--orange-dark)}.tutorial-step-copy{padding:0 0 20px 40px}.tutorial-step-copy p{font-size:16px;line-height:1.75;color:var(--muted)}.tutorial-step-copy strong{font-weight:600;color:var(--ink)}.tutorial-step-copy .tutorial-payment{margin-top:14px;font-size:14px;padding:12px 14px;border-left:2px solid var(--orange);background:#f6f7f8}.tutorial-seek{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:6px 0;border:0;border-bottom:1px solid #a2a7aa;background:none;color:var(--ink);font-family:inherit;font-size:14px;font-weight:600;line-height:1.5;cursor:pointer}.tutorial-seek .icon{width:17px;height:17px}.tutorial-seek[hidden]{display:none}.tutorial-seek:hover{color:var(--orange-dark);border-color:var(--orange)}
@media(max-width:1050px){.tutorial-layout{gap:26px;grid-template-columns:minmax(0,1fr) minmax(310px,.9fr)}}
@media(max-width:850px){.tutorial-layout{grid-template-columns:1fr;gap:24px}.tutorial-media{position:static}.tutorial-step summary{padding:16px 0}.tutorial-step-copy{padding-left:40px}.tutorial-play>span:last-child{font-size:18px}}
@media(max-width:420px){.tutorial-play{gap:9px;padding:12px}.tutorial-play-icon{width:46px;height:46px;font-size:18px}.tutorial-play>span:last-child{font-size:16px}.tutorial-play small{font-size:12px;margin-top:3px}.tutorial-step-copy{padding-left:0}.tutorial-step summary{grid-template-columns:24px 1fr 20px;gap:8px}}
@media(prefers-reduced-motion:reduce){.tutorial-play-icon{transition:none}}
.tutorial-methods{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.tutorial-methods h3{margin:0;color:var(--ink);font-size:18px;line-height:1.45;font-weight:600}.tutorial-methods-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;list-style:none;margin:12px 0 0;padding:0}.tutorial-methods-list li{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:4px;background:#f6f7f8;color:var(--ink);font-size:14px;font-weight:600;line-height:1.45;text-align:center}.tutorial-methods-note{margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.7}.tutorial-methods-source{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-top:6px;font-size:13px;line-height:1.6}.tutorial-methods-source a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:6px 0;color:var(--ink);text-decoration:underline;text-underline-offset:4px}.tutorial-methods-source a:hover{color:var(--orange-dark)}.tutorial-methods-source>span{color:var(--muted)}.tutorial-methods-source a:focus-visible{outline:2px solid var(--orange);outline-offset:4px;border-radius:2px}
@media(min-width:1200px){.tutorial-methods-list{grid-template-columns:repeat(4,minmax(0,1fr))}}

.tutorial-step-copy a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.tutorial-step-copy a:hover{color:var(--orange-dark)}
@media(min-width:851px) and (max-height:780px){.tutorial-media{position:static}}

.tutorial-step summary:focus-visible,.faq-list summary:focus-visible{outline:2px solid var(--orange);outline-offset:4px;border-radius:2px}.tutorial-step[open] .tutorial-step-copy,.faq-list details[open] .faq-answer{padding-top:8px}