.context-help { display:inline-flex; flex:0 0 auto; align-items:center; vertical-align:middle; font-size:1rem; line-height:1; font-weight:400; }
.context-help-trigger { display:inline-flex; align-items:center; justify-content:center; inline-size:44px; block-size:44px; padding:0; border:0; border-radius:8px; color:var(--gs-primary,#ffc400); background:transparent; font:inherit; cursor:pointer; }
.context-help-trigger:hover, .context-help-trigger[aria-expanded="true"] { background:rgba(var(--gs-primary-rgb,255,196,0),.1); }
.context-help-trigger:focus-visible { outline:2px solid var(--gs-primary,#ffc400); outline-offset:2px; }
.context-help-panel { position:fixed; inset:auto; z-index:11000; display:flex; flex-direction:column; gap:8px; width:320px; max-width:calc(100vw - 24px); margin:0; padding:14px 16px; border:1px solid rgba(var(--gs-primary-rgb,255,196,0),.4); border-radius:12px; background:var(--gs-surface,#18191b); color:var(--gs-text,#f5f5f6); box-shadow:0 8px 32px #0008; font-family:inherit; font-size:.875rem; font-weight:400; line-height:1.5; text-align:start; white-space:normal; overflow:auto; overflow-wrap:anywhere; }
.context-help-panel[hidden] { display:none!important; }
.context-help-panel > strong { font-size:.875rem; font-weight:700; }
.context-help-panel > p, .context-help-panel > ul { margin:0; }
.context-help-panel a { color:var(--gs-primary,#ffc400); }
.context-help-panel::backdrop { background:transparent; pointer-events:none; }
.app-topbar-title:has(>.context-help) { display:flex; align-items:center; gap:4px; }
.app-topbar-title:has(>.context-help)>:first-child { min-width:0; }
.help-heading { display:flex; align-items:center; gap:6px; }
.help-heading > h1 { margin:0; }
.context-help-setting { display:flex; align-items:center; gap:4px; }
.context-help-setting > .settings-toggle { flex:1; min-width:0; }
@media print { .context-help { display:none!important; } }