.help-page{background:#f4f6fa}.help-hero.help-hero-real{display:block;background:#fff;border:1px solid #e3e8ef;border-radius:22px;padding:30px;margin-bottom:24px}.help-hero-real h1{max-width:850px;font-size:clamp(28px,3vw,42px)}.help-hero-real p{max-width:900px;font-size:14px;margin-bottom:18px}.help-hero-real .help-eyebrow{margin-bottom:12px}
.screen-story{overflow:hidden;border:1px solid #dce5ed;background:#fff;border-radius:20px;box-shadow:0 15px 40px #0c27400b;color:#0c2740;margin:0 0 34px;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}.screen-story *{box-sizing:border-box}.screen-story-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 20px;background:#0c2740;color:#fff;font-size:10px;letter-spacing:.9px;font-weight:750}.screen-story-head>span{display:flex;align-items:center;gap:8px}.screen-story-head i{display:block;width:7px;height:7px;border-radius:50%;background:#82dcce}.screen-story-head small{color:#c4d4e2;font-size:10px;white-space:nowrap;letter-spacing:0}
.screen-story-tabs{display:flex;gap:8px;padding:14px 18px;border-bottom:1px solid #e3e8ef;overflow-x:auto;scrollbar-width:thin;background:#f7f9fc}.screen-story-tabs button{display:flex;align-items:center;gap:7px;border:1px solid #dce5ed;border-radius:9px;padding:8px 10px;background:#fff;color:#586d80;cursor:pointer;text-align:left;font-size:10px;font-weight:750;flex:1;min-width:0;line-height:1.4}.screen-story-tabs b{display:grid;place-items:center;flex-shrink:0;width:22px;height:22px;border-radius:7px;background:#edf2f7;color:#334e65;font-size:11px}.screen-story-tabs [aria-current=step]{color:#056c78;border-color:#70b4bd;background:#f0faf9}.screen-story-tabs [aria-current=step] b{background:#087e8c;color:#fff}
.screen-story-layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(235px,.85fr);gap:0}.screen-story-screen{margin:0;min-width:0;padding:20px;border-right:1px solid #e3e8ef;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(140deg,#eef3f8,#f8fafd)}.screen-story-zoom{display:block;position:relative;width:100%;border:1px solid #d8e2ec;border-radius:11px;padding:0;background:#fff;overflow:hidden;cursor:zoom-in;box-shadow:0 10px 25px #0c274017;line-height:0}.screen-story-zoom img{display:block;width:100%;height:auto;max-height:480px;object-fit:contain;object-position:top}.screen-story-point{position:absolute;display:grid;place-items:center;width:28px;height:28px;transform:translate(-50%,-50%);border:3px solid #fff;border-radius:50%;background:#c91f4b;color:#fff;box-shadow:0 0 0 5px #c91f4b24,0 5px 12px #09233933;font-size:12px;font-weight:850;line-height:1;pointer-events:none;animation:story-point-enter .3s ease-out}.screen-story-expand{position:absolute;bottom:8px;right:8px;border-radius:6px;padding:6px 8px;background:#0c2740e8;color:#fff;font-size:10px;line-height:1.3}.screen-story-screen figcaption{margin-top:11px;font-size:9px;text-align:center;color:#6b7f91;line-height:1.6}
.screen-story-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:24px}.screen-story-step-label{font-size:9px;font-weight:800;letter-spacing:1px;color:#087e8c;line-height:1.5}.screen-story-copy h3{font-size:22px;line-height:1.25;letter-spacing:-.55px;margin:12px 0;color:#0c2740}.screen-story-copy p{font-size:13px;line-height:1.8;margin:0 0 22px;color:#4e6579}.screen-story-controls{display:flex;gap:8px;margin-top:3px}.screen-story-controls button{flex:1;border:1px solid #d8e2ec;border-radius:9px;padding:10px 9px;background:#fff;color:#0c2740;font-size:11px;font-weight:750;cursor:pointer}.screen-story-controls [data-story-next]{color:#fff;background:#087e8c;border-color:#087e8c}.screen-story-controls button:disabled{opacity:.35;cursor:default}.screen-story-voice{align-self:flex-start;border:0;border-radius:8px;color:#087e8c;background:#eaf6f4;font-size:11px;font-weight:750;padding:9px 12px;margin-top:14px;cursor:pointer}.screen-story-voice-note{font-size:9px;color:#73879a;margin-top:9px;line-height:1.6}.screen-story>footer{padding:11px 18px;border-top:1px solid #e3e8ef;background:#fbfcfe;color:#6b7f91;font-size:9px;line-height:1.6}
.screen-story button:focus-visible{outline:3px solid #e3ad38;outline-offset:3px}.screen-story-lightbox{padding:0;border:1px solid #d8e2ec;border-radius:16px;max-width:calc(100vw - 28px);width:1200px;max-height:calc(100dvh - 28px);color:#0c2740;background:#f6f9fc;box-shadow:0 25px 100px #0005}.screen-story-lightbox::backdrop{background:#06192de0;backdrop-filter:blur(5px)}.screen-story-lightbox header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 20px;background:white;border-bottom:1px solid #d8e2ec;font-size:14px}.screen-story-lightbox header button{width:35px;height:35px;border:1px solid #d8e2ec;border-radius:9px;background:#fff;color:#0c2740;font-size:24px;cursor:pointer}.screen-story-lightbox>p{font-size:11px;padding:0 20px;color:#526a7e}.screen-story-lightbox>div{overflow:auto;max-height:calc(100dvh - 165px);padding:15px;touch-action:pan-x pan-y pinch-zoom}.screen-story-lightbox img{display:block;width:100%;height:auto;min-width:800px;border-radius:9px;border:1px solid #d8e2ec}
.management-guide-hero:has(.screen-story){grid-template-columns:1fr}.management-guide-story:has(.screen-story){padding:0;background:none;border:0;box-shadow:none;min-height:0}.management-guide-story:has(.screen-story)::before{display:none}.management-guide-story-stage:has(.screen-story){display:block;min-height:0}.management-guide-story .screen-story{margin:0}.management-guide-story .screen-story-zoom img{max-height:340px}.management-guide-story .screen-story-copy h3{font-size:20px}.help-main>[data-help-story]{min-width:0}
@keyframes story-point-enter{from{opacity:0;scale:.65}to{opacity:1;scale:1}}
@media(max-width:1050px){.screen-story-layout{grid-template-columns:1fr}.screen-story-screen{border-right:0;border-bottom:1px solid #e3e8ef}.screen-story-copy{padding:20px}.screen-story-copy h3{font-size:21px}.screen-story-zoom img{max-height:410px}.screen-story-copy p{margin-bottom:15px}.screen-story-controls{max-width:330px}.screen-story-voice-note{max-width:380px}}
@media(max-width:720px){.help-hero.help-hero-real{padding:22px;margin-bottom:20px}.help-hero-real h1{font-size:29px;letter-spacing:-.8px}.help-hero-real p{font-size:13px}.screen-story{border-radius:15px;margin-bottom:28px}.screen-story-head{padding:12px 14px;font-size:8px;letter-spacing:.5px}.screen-story-head small{font-size:9px}.screen-story-tabs{padding:10px;gap:6px}.screen-story-tabs button{padding:7px;flex:0 0 auto;max-width:160px;font-size:9px}.screen-story-tabs button span{max-width:100px}.screen-story-screen{padding:12px}.screen-story-zoom img{max-height:340px}.screen-story-point{width:24px;height:24px;font-size:10px;border-width:2px}.screen-story-copy{padding:18px}.screen-story-copy h3{font-size:21px}.screen-story-copy p{font-size:13px;line-height:1.75}.screen-story-copy .screen-story-step-label{font-size:8px}.screen-story-controls{width:100%;max-width:none}.screen-story-controls button{min-height:42px}.screen-story-voice{min-height:38px}.screen-story>footer{font-size:9px;padding:10px 14px}.screen-story-lightbox{max-width:calc(100vw - 12px);max-height:calc(100dvh - 12px);border-radius:12px}.screen-story-lightbox>div{padding:8px}.screen-story-lightbox header{padding:12px}.screen-story-lightbox img{min-width:800px}}
@media(prefers-reduced-motion:reduce){.screen-story *{animation:none!important;transition:none!important}}
.screen-story-zoom img,.management-guide-story .screen-story-zoom img{max-height:none}
.management-guide-hero:not(:has(.management-guide-story)){grid-template-columns:1fr}
.help-topic-title{margin:0 0 18px;font-size:clamp(20px,2.3vw,28px);font-weight:750;line-height:1.3;letter-spacing:-.5px;color:#122b43}
.screen-story-point{display:block;width:29px;height:36px;transform:translate(-3px,-2px);border:0;border-radius:0;background:none;box-shadow:none;filter:drop-shadow(0 2px 3px #122b4370)}
.screen-story-point svg{width:100%;height:100%;fill:#dc244e;stroke:white;stroke-width:2;stroke-linejoin:round}
.screen-story-zoom:after{content:'';position:absolute;inset:0;pointer-events:none;border:1px solid #ffffff80;border-radius:inherit}
.screen-story-tabs button{border-radius:6px;padding:11px 14px}.screen-story-tabs button[aria-current="step"]{box-shadow:inset 0 -3px #d22d53}
.screen-story-audio{display:none}.screen-story-voice-note:empty{display:none}
.screen-story-copy h3{margin-top:0}.screen-story-head{letter-spacing:.8px}
.help-shell{display:block;max-width:1120px;margin:0 auto;padding:32px 24px}.help-main{width:100%;min-width:0}.help-player-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.help-player-heading h1{margin:0;font-size:26px}.help-topic-picker{display:flex;align-items:center;gap:9px;font-size:12px;color:#526a7d}.help-topic-picker select,.management-guide-topic{max-width:100%;border:1px solid #d7e1eb;background:#fff;border-radius:9px;padding:11px 30px 11px 12px;color:#16334a;font:600 12px system-ui;min-height:44px}
.help-demo{border:1px solid #dce5ed;border-radius:18px;overflow:hidden;background:#0c2740;box-shadow:0 15px 40px #0c27400b}.help-demo-video{width:100%;height:auto;display:block;aspect-ratio:1280/900;background:#0c2740}.help-demo-video::cue{background:#071a2eea;color:white;font:18px system-ui}.help-demo-caption{padding:16px 20px;margin:0;background:white;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px;color:#18374f}.help-demo-caption span{font-size:10px;color:#687e90;line-height:1.6}.help-compact-details{margin-top:20px;border-top:1px solid #dce5ed;padding:14px 0;color:#607589;font-size:12px;line-height:1.7}.help-compact-details summary{cursor:pointer;font-weight:650}.help-compact-details h3{font-size:13px;color:#243f55;margin-top:18px}.help-compact-details p{max-width:800px}
.screen-story audio{display:none}.story-position{font-size:11px;color:#7b91a3;margin-bottom:12px}.story-player-controls{display:flex;gap:8px}.story-player-controls button{min-height:44px;min-width:44px;border:1px solid #d8e2ec;border-radius:9px;background:white;color:#18374f;font:700 14px system-ui;cursor:pointer}.story-player-controls button:disabled{opacity:.3;cursor:default}.story-player-controls .story-play{flex:1;background:#087e8c;border-color:#087e8c;color:white;font-size:12px}.story-progress{height:3px;background:#e6edf4}.story-progress span{height:100%;display:block;background:#087e8c}
.management-guide-layout{display:flex!important;flex-direction:column!important;min-height:0}.management-guide-nav{width:100%!important;max-width:none!important;border-right:0!important;border-bottom:1px solid #dce5ed;padding:14px 20px!important;flex:0 0 auto!important;max-height:none!important;overflow:visible!important}.management-guide-content{width:100%!important;min-height:0;flex:1 1 auto}.management-guide-nav .help-topic-picker{max-width:520px}.management-guide-nav select{flex:1;min-width:0}.management-guide-hero:has(.help-demo){display:block;padding:0}.management-guide-story:has(.help-demo){padding:0;background:none;border:0;box-shadow:none;min-height:0}.management-guide-story:has(.help-demo)::before{display:none}.management-guide-story-stage:has(.help-demo){display:block;min-height:0}
.help-demo-video.is-portrait{aspect-ratio:720/1000}
.management-guide-progress,.management-guide-footer{display:none!important}.management-guide-head p:empty{display:none}
@media(max-width:720px){.help-shell{padding:20px 16px}.help-player-heading{display:block;margin-bottom:16px}.help-player-heading h1{font-size:22px;margin-bottom:14px}.help-topic-picker{width:100%}.help-topic-picker select{flex:1;min-width:0;width:100%;font-size:11px}.help-demo{border-radius:12px}.help-demo-caption{display:block;padding:12px 14px}.help-demo-caption strong{display:block;font-size:12px;margin-bottom:4px}.help-demo-caption span{font-size:9px}.help-demo-video::cue{font-size:15px}.story-player-controls{width:100%}.screen-story{margin-bottom:18px}.screen-story-copy h3{font-size:20px}.screen-story-copy p{font-size:13px;line-height:1.6}}
@media(max-width:720px){.help-topic-title{margin:6px 0 14px;font-size:22px}.screen-story-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.screen-story-tabs button{font-size:10px;max-width:none;min-width:0;padding:9px 5px;justify-content:center}.screen-story-tabs button span{max-width:none}.screen-story-point{width:25px;height:31px}.screen-story-copy{padding:18px}.screen-story-screen figcaption{margin-top:6px}.screen-story-head{padding:10px 14px}}
