.article-tutorial{margin:30px 0 38px;padding:20px;border:1px solid #e2dcea;border-radius:12px;background:#faf8fc}
.article-tutorial-title{font-size:19px;font-weight:700;line-height:1.65;color:#332044;margin:0 0 14px}
.article-tutorial video{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:8px;background:#17131c}
.article-tutorial-note{font-size:12px;line-height:1.8;color:#756780;margin:12px 0}
.article-tutorial-chapters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:14px}
.article-tutorial-chapters button{display:flex;gap:10px;align-items:start;text-align:left;padding:10px 12px;background:#fff;border:1px solid #e5dfec;border-radius:6px;color:#574466;font:inherit;font-size:12px;line-height:1.7;cursor:pointer}
.article-tutorial-chapters button:hover,.article-tutorial-chapters button[aria-current=true]{background:#eee6f8;border-color:#ac91c6}
.article-tutorial-chapters button:focus-visible{outline:2px solid #8462b4;outline-offset:2px}
.article-tutorial-chapters time{font-variant-numeric:tabular-nums;white-space:nowrap;color:#85629e}
@media(max-width:540px){.article-tutorial{padding:13px}.article-tutorial-title{font-size:16px}.article-tutorial-chapters{grid-template-columns:1fr}.article-tutorial-chapters button{font-size:12px;padding:9px 10px}}