#training-help-root { --help-brand:#163f34; color:#17211d; font:16px/1.7 system-ui,sans-serif; }
#training-help-root [hidden] { display:none !important; }
#training-help-root button { font:inherit; cursor:pointer; border:1px solid #c9d2cb; border-radius:9px; padding:8px 14px; background:white; color:#163f34; }
#training-help-root button:disabled { opacity:.5; cursor:wait; }
#training-help-root :focus-visible { outline:3px solid #5380cd; outline-offset:3px; }
#training-help-root .help-launcher { position:fixed; right:22px; bottom:88px; width:52px; height:52px; padding:0; border-radius:50%; background:#163f34; color:white; font-size:26px; font-weight:800; box-shadow:0 3px 15px #0003; z-index:100; }
#training-help-root .help-dialog { box-sizing:border-box; width:min(1440px,96vw); height:92dvh; max-width:96vw; max-height:96dvh; margin:auto; padding:0; border:1px solid #c9d2cb; border-radius:18px; background:#fff; color:#17211d; overflow:hidden; }
#training-help-root .help-dialog[open] { display:flex; flex-direction:column; }
#training-help-root .help-dialog::backdrop { background:#15282099; backdrop-filter:blur(3px); }
#training-help-root header, #training-help-root footer { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 22px; border-bottom:1px solid #dfe5df; flex:none; }
#training-help-root footer { border-top:1px solid #dfe5df; border-bottom:0; font-size:13px; }
#training-help-root h2 { margin:0; font-size:24px; }
#training-help-root h3 { font-size:21px; margin:8px 0 16px; }
#training-help-root h4 { font-size:18px; margin:14px 0 6px; }
#training-help-root .help-body { display:flex; flex:1; min-height:0; }
#training-help-root .help-nav { width:230px; flex:none; padding:18px; overflow:auto; background:#f5f8f5; }
#training-help-root label { display:block; font-weight:700; }
#training-help-root input, #training-help-root textarea { box-sizing:border-box; width:100%; padding:10px; border:1px solid #c9d2cb; border-radius:8px; background:white; color:#17211d; font:inherit; }
#training-help-root nav { display:grid; gap:6px; margin-top:18px; }
#training-help-root nav button { text-align:left; }
#training-help-root nav [aria-current] { color:white; background:#163f34; }
#training-help-root .help-reading { flex:1; min-width:0; display:flex; flex-direction:column; }
#training-help-root .help-status { padding:12px 24px; font-size:14px; color:#52615b; }
#training-help-root .help-content { overflow:auto; padding:0 28px 28px; }
#training-help-root article { padding:24px 0; border-bottom:1px solid #dfe5df; }
#training-help-root li { margin:12px 0; padding-left:4px; white-space:pre-wrap; overflow-wrap:anywhere; }
#training-help-root a { color:#165c48; text-decoration:underline; }
#training-help-root .help-note { padding:16px; background:#fff6db; border-radius:10px; }
#training-help-root .help-diagram { padding:14px; border:1px solid #dfe5df; border-radius:12px; }
#training-help-root summary { cursor:pointer; font-weight:700; }
#training-help-root .help-diagram-controls { margin:12px 0; }
#training-help-root .help-diagram-scroll { overflow:auto; }
#training-help-root .help-demo { display:grid; gap:12px; padding:18px; background:#f3f7f4; }
#training-help-root .help-demo > div { display:flex; gap:12px; align-items:center; }
#training-help-root .help-demo b { display:grid; place-items:center; flex:0 0 30px; height:30px; border-radius:50%; background:#b64238; color:white; }
#training-help-root .help-demo-control { display:block; padding:10px 16px; background:white; border:1px solid #c9d2cb; border-radius:9px; }
#training-help-root .enlarged .help-demo { font-size:24px; min-width:600px; }
#training-help-root .help-chat { width:340px; flex:none; display:flex; flex-direction:column; padding:18px; border-left:1px solid #dfe5df; overflow:auto; }
#training-help-root .help-chat > p { font-size:13px; }
#training-help-root .help-messages { flex:1; overflow:auto; min-height:100px; }
#training-help-root .help-message { padding:12px; margin:12px 0; background:#f3f7f4; border-radius:10px; overflow-wrap:anywhere; }
#training-help-root .help-message.user { background:#e9effb; }
#training-help-root .help-message p { white-space:pre-wrap; }
#training-help-root .help-chat form { padding-top:12px; }
#training-help-root .help-chat form button { background:#163f34; color:white; margin-top:8px; }
@media(max-width:900px) {
 #training-help-root .help-dialog { width:100vw; max-width:100vw; height:100dvh; max-height:100dvh; border-radius:0; }
 #training-help-root .help-body { position:relative; }
 #training-help-root .help-nav { width:170px; padding:10px; }
 #training-help-root .help-content { padding:0 16px 20px; }
 #training-help-root .help-chat { position:absolute; inset:0 0 0 auto; width:min(400px,100%); box-sizing:border-box; background:white; box-shadow:-8px 0 30px #0002; }
}
@media(max-width:560px) {
 #training-help-root .help-body { flex-direction:column; }
 #training-help-root .help-nav { width:auto; max-height:180px; flex:none; }
 #training-help-root nav { display:flex; overflow:auto; margin-top:8px; }
 #training-help-root nav button { white-space:nowrap; }
 #training-help-root header,#training-help-root footer { padding:10px 14px; }
 #training-help-root footer span { display:none; }
 #training-help-root .help-status { padding:8px 16px; }
 #training-help-root h2 { font-size:20px; }
}
#training-help-root .help-section-nav { display:grid; gap:6px; margin-top:12px; padding-top:12px; border-top:1px solid #c9d2cb; }

#training-help-root .help-diagram { margin:20px 0; }
#training-help-root .help-diagram figcaption { font-size:14px; color:#52615b; }
#training-help-root .help-manual-image { display:block; width:100%; height:auto; min-width:720px; max-width:none; }
#training-help-root .enlarged .help-manual-image { width:1200px; min-width:1200px; }
#training-help-root .help-diagram-scroll:focus-visible { outline:3px solid #5380cd; outline-offset:2px; }