.kb021-tutorial{color:#17324d;background:#fff;line-height:1.8;overflow-wrap:anywhere;scroll-margin-top:100px}
.kb021-tutorial *{box-sizing:border-box}.kb021-tutorial h2{color:#193e82;font-size:clamp(1.4rem,3vw,2rem);line-height:1.5}
.kb021-tutorial .kb021-tutorial-note{color:#425873;font-size:1rem}.kb021-player{max-width:100%;margin-block:1.25rem}
.kb021-player video{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/9;background:#193e82;border-radius:12px}
.kb021-player video::cue{font-family:"Microsoft JhengHei",sans-serif;color:#fff;background:rgba(0,0,0,.9)}
.kb021-video-tools{padding:16px;border:1px solid #bac9dc;border-radius:0 0 12px 12px;background:#edf3fa}
.kb021-video-tools[hidden],.kb021-tutorial [hidden]{display:none!important}
.kb021-step-tools,.kb021-setting-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:end}
.kb021-setting-tools{margin-top:12px}.kb021-setting-tools label{display:flex;gap:6px;flex-direction:column;max-width:100%;min-width:0;color:#17324d}
.kb021-tutorial button,.kb021-tutorial select{font:inherit;font-size:1rem;min-height:46px;padding:8px 12px;border:2px solid #193e82;border-radius:8px;max-width:100%;color:#193e82;background:#fff}
.kb021-tutorial button{cursor:pointer;font-weight:700}.kb021-tutorial button:disabled{opacity:.65;cursor:default}
.kb021-tutorial button[aria-pressed="true"]{background:#193e82;color:#fff}.kb021-tutorial :is(button,select,summary,video):focus-visible{outline:3px solid #a34e0b;outline-offset:4px}
.kb021-transcript{border-top:2px solid #d97827;padding-top:8px}.kb021-transcript summary{min-height:46px;padding:8px 0;cursor:pointer;color:#193e82;font-weight:700}.kb021-transcript ol{padding-left:1.5em}.kb021-transcript li{margin-bottom:12px}
.kb021-tutorial-error{padding:12px;border-left:4px solid #a34e0b;background:#fff3e8;color:#69330b}
@media(max-width:480px){.kb021-video-tools{padding:12px}.kb021-step-tools button{flex:1 1 75px;padding-inline:7px}.kb021-setting-tools label:first-child{width:100%}.kb021-tutorial select{width:100%}}
@media(prefers-color-scheme:dark){.kb021-tutorial{background:#10233d;color:#f4f7fc}.kb021-tutorial h2,.kb021-transcript summary{color:#fff}.kb021-tutorial .kb021-tutorial-note{color:#d0deee}.kb021-video-tools{background:#19304e;border-color:#7993b6}.kb021-setting-tools label{color:#fff}.kb021-tutorial :is(button,select){color:#fff;background:#193e82;border-color:#a9bfdc}.kb021-tutorial button[aria-pressed="true"]{background:#fff;color:#193e82}.kb021-tutorial :is(button,select,summary,video):focus-visible{outline-color:#f5b47d}}