@font-face{font-family:TutorialBungee;src:url('/fonts/bungee.ttf') format('truetype');font-display:swap}
.tutorial-watch-link{display:inline-flex;align-items:center;gap:6px;font:600 12px/1.5 system-ui,sans-serif!important;text-decoration:underline;text-underline-offset:3px;color:inherit;margin-inline-start:8px;white-space:nowrap}.tutorial-watch-link:before{content:'▶';font-size:9px}.tutorial-inline{border:1px solid #d5ddd8;border-radius:12px;background:#edf9f0;margin:12px 0;padding:12px 14px}.tutorial-inline-toggle{border:0;background:transparent;color:inherit;padding:0;text-align:left;cursor:pointer;font:600 14px/1.5 system-ui,sans-serif}.tutorial-inline video{display:block;width:100%;aspect-ratio:16/9;background:#111;border-radius:8px;margin-top:12px}.tutorial-inline p{margin:10px 0 0;font-size:13px}.tutorial-dialog{width:min(880px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:20px;background:#fff;color:#111;border:2px solid #111;border-radius:18px;box-sizing:border-box}.tutorial-dialog::backdrop{background:rgba(0,0,0,.65)}.tutorial-dialog h2{font:400 20px/1.4 TutorialBungee,system-ui;margin:0 42px 14px 0}.tutorial-dialog video{display:block;width:100%;aspect-ratio:16/9;background:#111;border-radius:10px}.tutorial-dialog-close{position:absolute;right:12px;top:12px;width:34px;height:34px;border:1px solid #bbb;border-radius:50%;background:#fff;color:#111;font:22px system-ui;cursor:pointer}.tutorial-dialog p{font:14px/1.5 system-ui;margin:14px 0 0}.tutorial-dialog a{color:#111;text-decoration:underline}
.tutorial-page{margin:0;color:#111;background:#fff;font:16px/1.65 system-ui,-apple-system,sans-serif}.tutorial-page *{box-sizing:border-box}.tutorial-page a{color:inherit;text-underline-offset:3px}.tutorial-page header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px max(20px,calc((100% - 1140px)/2));border-bottom:1px solid #e4e4e4}.tutorial-brand{font:18px TutorialBungee,system-ui;text-decoration:none}.tutorial-page nav{display:flex;gap:22px;align-items:center;font-size:14px}.tutorial-cta{display:inline-flex;border-radius:24px;padding:10px 18px;background:#111;color:#fff!important;text-decoration:none;font:600 14px/1.4 system-ui}.tutorial-page main{max-width:1000px;margin:auto;padding:28px 24px 64px}.tutorial-back{font-size:13px}.tutorial-intro{text-align:center;padding:32px 0 28px}.tutorial-eyebrow{font:600 11px/1.5 system-ui;letter-spacing:.13em}.tutorial-intro h1{font:400 clamp(25px,4vw,42px)/1.25 TutorialBungee,system-ui;max-width:920px;margin:12px auto 16px}.tutorial-intro>p:last-child{max-width:740px;margin:0 auto;color:#444}.tutorial-watch{padding:12px;background:var(--tutorial-tint,#edf9f0);border:1px solid #ddd;border-radius:18px}.tutorial-watch video{display:block;width:100%;aspect-ratio:16/9;border-radius:10px;background:#111}.tutorial-watch-caption{display:flex;justify-content:space-between;gap:12px;font-size:12px;padding:10px 3px 0}.tutorial-page h2{font:400 23px/1.35 TutorialBungee,system-ui;margin:0 0 20px}.tutorial-steps,.tutorial-help{padding:36px 0 0}.tutorial-steps ol{list-style:none;counter-reset:step;padding:0;display:grid;gap:12px}.tutorial-steps li{counter-increment:step;padding:20px 22px 20px 64px;border:1px solid #dedede;border-radius:14px;position:relative}.tutorial-steps li:before{content:counter(step);position:absolute;left:20px;top:20px;background:var(--tutorial-tint);border-radius:50%;width:28px;height:28px;text-align:center;font-weight:700}.tutorial-steps h3{font-size:17px;margin:0 0 6px}.tutorial-steps p{margin:0;color:#444;font-size:15px}.tutorial-page details{border-bottom:1px solid #ddd;padding:16px 0}.tutorial-page summary{cursor:pointer;font-weight:600}.tutorial-page details p{font-size:15px;color:#444}.tutorial-transcript{margin-top:28px}.tutorial-related{margin-top:36px;padding:24px;border-radius:16px;background:var(--tutorial-tint)}.tutorial-related a{display:block;margin-top:10px}.tutorial-bottom{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:28px}.tutorial-page footer{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;padding:24px;border-top:1px solid #ddd;font-size:13px}.tutorial-hub{max-width:1120px;margin:0 auto 40px;padding:24px}.tutorial-hub h2{font:400 24px TutorialBungee,system-ui}.tutorial-hub>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tutorial-hub>div>a{border:1px solid #ddd;border-radius:14px;overflow:hidden;color:#111;background:#edf9f0;text-decoration:none}.tutorial-hub img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain}.tutorial-hub span{display:block;padding:14px;font:600 15px/1.5 system-ui}
@media(max-width:640px){.tutorial-page header{padding:14px 18px}.tutorial-page nav>a:not(.tutorial-cta){display:none}.tutorial-brand{font-size:14px}.tutorial-page main{padding:20px 16px 40px}.tutorial-watch-caption{flex-wrap:wrap}.tutorial-steps li{padding:18px 16px 18px 56px}.tutorial-steps li:before{left:16px;top:18px}.tutorial-hub>div{grid-template-columns:1fr}.tutorial-dialog{padding:16px}.tutorial-dialog h2{font-size:16px}.tutorial-watch-link{margin-inline-start:5px}}
/* The server injects a global display font; keep tutorial instructions readable. */
body.tutorial-page,body.tutorial-page :is(p,li,h3,summary,a,span,nav,footer,button){font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important}
body.tutorial-page :is(h1,h2),body.tutorial-page .tutorial-brand{font-family:TutorialBungee,system-ui,sans-serif!important}
.tutorial-dialog{margin:auto!important}.tutorial-dialog :is(p,a,button){font-family:system-ui,-apple-system,sans-serif!important}.tutorial-inline-toggle:before{content:'▶';font-size:9px;margin-right:8px}.tutorial-inline-toggle[aria-expanded="true"]:before{content:'▼'}
.tutorial-demo-note{padding:14px 18px;background:#fff7e9;border:1px solid #e5d9bf;border-radius:12px;font-size:14px;color:#333}.tutorial-software{padding-top:28px}.tutorial-choice{margin-top:30px}.tutorial-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px}.tutorial-choice-grid article{padding:22px;background:var(--tutorial-tint);border:1px solid #d9dfda;border-radius:14px}.tutorial-choice-grid h3{margin:0 0 8px;font-size:18px}.tutorial-choice-grid p{font-size:15px;line-height:1.65}.tutorial-choice-grid a{font-size:14px;font-weight:600}.tutorial-overview-card{margin-top:28px;padding:22px;border:1px solid #ddd;border-radius:18px;background:#fff;scroll-margin-top:20px}.tutorial-overview-card:nth-child(2){background:#edf9f0}.tutorial-overview-card:nth-child(3){background:#edf4ff}.tutorial-overview-copy p{font-size:15px}.tutorial-overview-card video{display:block;width:100%;aspect-ratio:16/9;background:#111;border-radius:10px}.tutorial-overview-card>p{margin-bottom:0;font-size:14px}.guide-video-entry{font-size:14px!important}.guide-video-entry a{text-underline-offset:3px}
@media(max-width:640px){.tutorial-overview-card{padding:14px}.tutorial-choice-grid article{padding:18px}}

.tutorial-youtube{white-space:nowrap}.tutorial-youtube-list{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:18px;font:14px/1.6 system-ui,sans-serif}.tutorial-watch-caption{flex-wrap:wrap}