/* Help shares the workspace palette but has a single readable content column. */
#helpModal .help-box{width:min(1180px,calc(100vw - 32px));height:min(860px,calc(100dvh - 40px));min-width:0;max-width:none;max-height:none;padding:0;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:4px;background:var(--bg);box-shadow:0 20px 80px #0009}
#helpModal .help-header{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line);background:var(--panel);flex-shrink:0}
#helpModal .help-header>.help-icon{width:24px;height:24px;color:var(--accent)}
#helpModal .help-header h2{font-size:19px;margin:0;font-weight:650;letter-spacing:.02em}
#helpModal .help-header p{font-size:11px;color:var(--sub);margin:5px 0 0}
#helpClose{margin-left:auto;align-self:flex-start}
.help-icon{display:inline-block;flex-shrink:0;width:16px;height:16px;background:currentColor;mask:var(--icon) center/contain no-repeat}
#helpModal .help-searchbar{display:flex;align-items:center;gap:10px;padding:12px 22px;border-bottom:1px solid var(--line);flex-shrink:0}
#helpModal .help-searchbar label{font-size:12px;white-space:nowrap}
#helpSearch{flex:1;min-width:0;height:36px;padding:7px 10px;font-size:13px;background:var(--panel)}
#helpModal .help-search-count{font-size:11px;color:var(--sub);min-width:72px;text-align:right}
#helpModal .help-compact-index{display:none}
#helpModal .help-body{display:flex;flex:1;min-height:0;height:auto;gap:0;overflow:hidden}
#helpModal .help-index{flex:0 0 244px;overflow-y:auto;border-right:1px solid var(--line);padding:12px 10px;background:var(--panel);scrollbar-gutter:stable}
#helpModal .help-index-group{margin:0 0 15px}
#helpModal .help-index-group h3{font-size:10px;letter-spacing:.07em;color:var(--sub);margin:0 8px 5px;font-weight:600}
#helpModal .help-idx{display:flex;align-items:center;width:100%;gap:9px;min-height:35px;padding:8px;border:1px solid transparent;border-left:3px solid transparent;border-radius:3px;background:transparent;color:var(--txt);font-size:12px;text-align:left;white-space:normal;line-height:1.4;cursor:pointer}
#helpModal .help-idx .help-icon{color:var(--sub)}
#helpModal .help-idx:hover{background:var(--panel2);border-color:var(--line)}
#helpModal .help-idx[aria-current=page]{border-left-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--panel));color:var(--accent)}
#helpModal .help-idx[aria-current=page] .help-icon{color:var(--accent)}
#helpModal .help-detail{display:block;flex:1;min-width:0;overflow-y:auto;padding:24px 30px;scrollbar-gutter:stable}
#helpModal .help-article{max-width:820px;margin:0 auto}
#helpModal .help-eyebrow{color:var(--sub);font-size:11px;letter-spacing:.06em;margin-bottom:8px}
#helpModal .help-article h3{font-size:23px;margin:0 0 10px;line-height:1.4;font-weight:650}
#helpModal .help-article h3:focus{outline:none}
#helpModal .help-summary{font-size:13px;line-height:1.8;color:var(--sub);margin:0 0 20px}
#helpModal .help-steps{padding:12px 16px 12px 38px;margin:0 0 20px;background:color-mix(in srgb,var(--accent) 6%,var(--panel));border:1px solid var(--line);border-radius:3px}
#helpModal .help-steps li{padding:5px 0 5px 4px;font-size:13px;line-height:1.8}
#helpModal .help-steps li::marker{color:var(--accent);font-weight:650}
#helpModal .help-entries{margin:0}
#helpModal .help-entry{padding:16px 0;border-top:1px solid var(--line)}
#helpModal .help-entry dt{font-size:13px;font-weight:650;line-height:1.7;margin:0 0 5px;color:var(--txt)}
#helpModal .help-entry dd{font-size:13px;line-height:1.9;margin:0;color:var(--sub);overflow-wrap:anywhere}
#helpModal mark{background:#6a542e;color:#fff1c8;border-radius:2px;padding:0 1px}
#helpModal .help-related{padding:15px 0;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:7px}
#helpModal .help-related h4{flex-basis:100%;font-size:11px;color:var(--sub);margin:0 0 3px}
#helpModal .help-related button{font-size:11px;font-weight:400;white-space:normal;text-align:left}
#helpModal .help-pager{display:flex;justify-content:space-between;gap:12px;padding-top:15px;border-top:1px solid var(--line)}
#helpModal .help-pager button{max-width:49%;white-space:normal;text-align:left;line-height:1.6;font-size:11px}
#helpModal .help-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;padding:10px 22px;font-size:10px;color:var(--sub);border-top:1px solid var(--line);background:var(--panel);flex-shrink:0}
#helpModal .help-empty{text-align:center;padding:50px 10px;color:var(--sub);font-size:13px;line-height:1.8}
#helpModal button:focus-visible,#helpSearch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:700px){
 #helpModal .help-box{width:calc(100vw - 12px);height:calc(100dvh - 16px)}
 #helpModal .help-header{padding:12px;gap:8px}
 #helpModal .help-header h2{font-size:17px}
 #helpModal .help-searchbar{padding:10px 12px;flex-wrap:wrap;gap:7px}
 #helpModal .help-searchbar label{flex-basis:100%}
 #helpModal .help-search-count{min-width:0}
 #helpModal .help-body{flex-direction:column}
 #helpModal .help-index{display:none}
 #helpModal .help-compact-index{display:flex;align-items:center;gap:8px;padding:10px 12px;font-size:11px;border-bottom:1px solid var(--line);flex-shrink:0}
 #helpTopicSelect{flex:1;min-width:0;width:0;font-size:12px;height:34px}
 #helpModal .help-detail{padding:16px}
 #helpModal .help-article h3{font-size:20px}
 #helpModal .help-footer{padding:8px 12px}
 #helpModal .help-footer span:last-child{display:none}
}
@media(max-height:550px){#helpModal .help-header{padding:8px 14px}#helpModal .help-header p{display:none}#helpModal .help-searchbar{padding:7px 14px}#helpModal .help-index{flex-basis:180px}#helpModal .help-body{flex-direction:row}#helpModal .help-index{display:block}#helpModal .help-compact-index{display:none}#helpModal .help-footer{padding:6px 12px}}