.welcome-hero{padding:64px 0 40px;max-width:880px}
.welcome-hero h1{font-size:clamp(38px,6vw,68px);font-weight:800;line-height:1.12;letter-spacing:-2px;margin:20px 0}
.welcome-intro{font-size:20px;line-height:1.65;max-width:740px;color:var(--muted)}
.welcome-note{color:var(--muted);font-size:14px}
.welcome-section{margin:24px 0 36px}
.welcome-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px}
.welcome-grid h3{font-size:23px;line-height:1.3;margin:12px 0}
.welcome-grid p,.welcome-section>p{line-height:1.7;margin:14px 0}
.welcome-grid a{display:inline-flex;align-items:center;min-height:44px}
.help-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px;align-items:start}
.help-contents{position:sticky;top:20px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;padding:20px;background:var(--surface)}
.help-contents h2{font-size:18px;margin-bottom:12px}
.help-contents a{display:flex;align-items:center;min-height:44px;padding:8px 0}
.help-sections{min-width:0;display:grid;gap:20px}
.help-sections section{scroll-margin-top:24px}
.help-sections h2{font-size:25px;line-height:1.3;margin-bottom:16px}
.help-sections p,.help-sections li{font-size:16px;line-height:1.8}
.help-sections li+li{margin-top:12px}
.help-sections p:last-child{margin-bottom:0}
.help-video{border-top:1px solid var(--line);padding:20px 0}
.help-video h3{font-size:20px}.help-video a{display:inline-flex;align-items:center;min-height:44px;flex-wrap:wrap;gap:6px}
.tutorial-library{margin:30px 0 48px;scroll-margin-top:24px}
.tutorial-search{display:grid;grid-template-columns:2fr 1fr auto auto;gap:18px;align-items:end;margin:20px 0}
.tutorial-search input,.tutorial-search select,.tutorial-editor input:not([type=checkbox]):not([type=hidden]),.tutorial-editor select,.tutorial-editor textarea{width:100%;max-width:100%;box-sizing:border-box}
.tutorial-search label,.tutorial-editor>label,.tutorial-fields label,.tutorial-block label{display:block;font-weight:600;margin:14px 0 8px}
.tutorial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px}
.tutorial-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;max-width:650px}.tutorial-card h3{font-size:24px;line-height:1.3}.tutorial-card .secondary-button{margin-top:auto}
.featured-tutorial{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;margin:32px 0}.featured-tutorial h2{font-size:28px;line-height:1.25}.featured-tutorial p{line-height:1.7}
.help-video-player{position:relative;aspect-ratio:16/9;background:radial-gradient(ellipse at top right,#334729,#132021 65%);border:1px solid var(--line);border-radius:16px;overflow:hidden;width:100%;color:#f0f4f5}
.help-video-player.is-vertical{aspect-ratio:9/16;max-width:330px;margin-inline:auto}
.help-video-player iframe{width:100%;height:100%;border:0;position:absolute;inset:0}
.help-video-poster{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;text-align:center;gap:10px}.help-video-poster p{margin:0;font-weight:600}.help-video-poster .muted{color:#cad6cf;font-size:13px;font-weight:400}.video-play-mark{font-size:30px;color:#b9ee66}.video-fallback{font-size:14px;margin-top:12px}
.help-guide{max-width:960px;margin:24px auto 40px}.guide-body{font-size:18px;line-height:1.8}.guide-body h2{margin:36px 0 14px}.guide-body li+li{margin-top:12px}.guide-paragraph{white-space:pre-wrap;overflow-wrap:anywhere}.guide-body figure{margin:28px 0}.guide-body img{max-width:100%;height:auto;border:1px solid var(--line);border-radius:12px}.guide-body figcaption{font-size:15px;color:var(--muted);margin-top:8px}
.tutorial-editor{max-width:1000px;margin:24px auto}.tutorial-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tutorial-editor>.quick-actions{margin:20px 0}.tutorial-editor h2{margin-top:32px}.tutorial-block{min-width:0;border:1px solid var(--line);border-radius:12px;padding:20px;margin:24px 0}.tutorial-block legend{float:none;width:auto;font-size:20px;font-weight:700;padding:0 8px}.tutorial-block .quick-actions{margin-top:18px}.editor-screenshot{display:block;max-height:200px;max-width:100%;margin:12px 0}.tutorial-save{border-top:1px solid var(--line);padding-top:24px;margin-top:24px}.workflow-help{font-size:14px;text-align:right;margin-top:12px}
@media(max-width:900px){.tutorial-search{grid-template-columns:1fr 1fr}.featured-tutorial{grid-template-columns:1fr}.help-video-player{max-width:680px}.tutorial-fields{grid-template-columns:1fr}}
@media(max-width:600px){.tutorial-search{grid-template-columns:1fr}.tutorial-editor,.tutorial-block{padding:16px}.help-video-poster{gap:5px;padding:10px}.help-video-poster p{font-size:14px}.video-play-mark{display:none}.featured-tutorial{padding:20px}.help-video-player .primary-button{padding:10px 18px;min-height:44px}.guide-body{font-size:16px}}
@media(max-width:900px){.welcome-grid{grid-template-columns:1fr}.help-layout{grid-template-columns:1fr}.help-contents{position:static}.welcome-hero{padding-top:36px}}
@media(max-width:600px){.welcome-hero h1{letter-spacing:-1px}.welcome-intro{font-size:18px}.help-sections .product-panel{padding:20px}.help-sections ol{padding-left:22px}}