.help-disclosure { position:relative; margin-left:auto; color:#1c304c; font-size:14px; }
.help-disclosure > summary { display:flex; align-items:center; justify-content:center; min-height:44px; padding:8px 14px; border:1px solid #b3c5e2; border-radius:8px; background:#f0f5ff; color:#214d98; font-weight:650; cursor:pointer; list-style:none; white-space:nowrap; }
.help-content { position:absolute; z-index:45; right:0; top:50px; width:420px; max-width:calc(100vw - 32px); max-height:70vh; overflow:auto; padding:20px; background:white; border:1px solid #b3c5e2; border-radius:12px; box-shadow:0 8px 32px #142b4b33; line-height:1.5; }
.help-content h2, .guided-tour h2 { margin:0; font-size:18px; color:#1c304c; }
.help-content li { margin-bottom:16px; }
.help-content ol { padding-left:20px; }
.help-content p, .guided-tour p { margin:8px 0 14px; }
.guided-tour { position:relative; width:560px; max-width:100%; margin:16px 0; scroll-margin-top:16px; max-height:45vh; overflow:auto; padding:18px; border:2px solid #285fce; border-radius:14px; background:#fff; box-shadow:0 8px 36px #142b4b33; color:#1c304c; font:14px/1.5 system-ui,sans-serif; }
.guided-tour[hidden], .help-save-status[hidden] { display:none; }
.tour-counter { color:#526277; font-size:12px; }
.tour-controls { display:flex; flex-wrap:wrap; gap:8px; }
.tour-controls button, .help-content button { min-height:44px; padding:10px 14px; border:0; border-radius:8px; background:#285fce; color:white; cursor:pointer; font:600 13px system-ui,sans-serif; }
.tour-controls .secondary { background:#e8eef8; color:#214d98; }
.tour-controls button:disabled { opacity:.5; cursor:default; }
.tour-highlight { outline:3px solid #285fce; outline-offset:4px; scroll-margin:110px 0 48vh; }
.help-disclosure :focus-visible, .guided-tour :focus-visible { outline:3px solid #285fce; outline-offset:3px; }
.help-save-status { position:fixed; bottom:12px; left:16px; z-index:46; max-width:calc(100vw - 32px); background:#fff4d6; color:#573a00; padding:12px; border:1px solid #a16800; }
@media(max-width:650px) { .guided-tour { padding:14px; } .help-content { position:fixed; right:8px; top:130px; max-width:calc(100vw - 16px); } }
@media(prefers-reduced-motion:reduce) { .tour-highlight, .guided-tour { scroll-behavior:auto; animation:none; transition:none; } }