/* help.css — the help system (help.js 1.0.0): the "?" in the header, the picker (one element at a time), the help view.
   version: 1.0.0 · created 2026-11-01 by Pascal Ehlig, ITS · edited 2026-11-01 by Pascal Ehlig, ITS */
.gw-help-btn{display:inline-grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--border);border-radius:12px;background:var(--surface,#fff);color:var(--text);font:700 1.15rem/1 var(--sans,system-ui);cursor:pointer}
.gw-help-btn:hover,.gw-help-btn:focus-visible{border-color:var(--accent,#fb683e);color:var(--accent-text,var(--accent,#fb683e));outline:none}
html.gw-picking .gw-help-btn{background:var(--accent,#fb683e);color:#fff;border-color:transparent}
html.gw-picking body{cursor:help}
html.gw-picking [data-gw-pick]{outline:3px dashed var(--accent,#fb683e)!important;outline-offset:3px;border-radius:8px}
[data-gw-picked]{outline:3px solid var(--accent,#fb683e)!important;outline-offset:3px;box-shadow:0 0 0 7px color-mix(in srgb,var(--accent,#fb683e) 18%,transparent)!important;border-radius:8px}
.gw-pick-bar{position:fixed;left:50%;top:calc(var(--sheet-top,64px) + 8px);transform:translateX(-50%);z-index:2147483250;display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  width:min(560px,calc(100vw - 20px));box-sizing:border-box;padding:10px 12px;border-radius:14px;background:var(--text,#102a43);color:var(--surface,#fff);box-shadow:0 14px 34px rgb(0 0 0 / .3)}
.gw-pick-bar p{flex:1 1 14rem;margin:0;font-weight:600}
.gw-pick-bar button{min-height:40px;padding:0 14px;border:1px solid currentColor;border-radius:10px;background:transparent;color:inherit;font:600 .85rem/1 var(--sans,system-ui);cursor:pointer}
.gw-pick-bar .gw-pick-ok{background:var(--accent,#fb683e);border-color:transparent;color:#fff}
.gw-help-title{margin:4px 0 8px}
.gw-help-text,.gw-help-more{max-width:62ch;font-size:1.05rem;line-height:1.6}
.gw-help-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.gw-help-tour{background:var(--accent,#fb683e)!important;color:#fff!important;border-color:transparent!important}
.gw-help-ref{color:var(--muted);font:500 .75rem/1.3 ui-monospace,monospace;overflow-wrap:anywhere}
@media (forced-colors:active){html.gw-picking [data-gw-pick],[data-gw-picked]{outline-color:Highlight!important}}