/* 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.2.0 · created 2026-11-01 by Pascal Ehlig, ITS · edited 2026-11-02 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}}
/* help.js 1.1.0: the „?“ does the „i“'s work — the explain switch steps back; the ask button and its answer */
html.gw-help-on header.top .gx-float,html.gw-help-on header.top .dock-explain{display:none!important}
header.top .gw-help-btn{order:99;margin-left:6px}
.gw-help-said{margin:6px 0 0;font-size:.88rem;color:var(--muted)}
.gw-help-part{margin-top:16px;padding-top:12px;border-top:1px solid var(--border)}.gw-help-part h3{margin:0 0 6px;font-size:1rem}
/* help.js 1.2.0: the card's „?“ beside its ⋯, and the list of what is explained inside */
main section[id]:has(> .gw-card-help){position:relative}
.gw-card-help{position:absolute;top:8px;right:54px;z-index:2;width:32px;height:32px;padding:0;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:999px;
  background:color-mix(in srgb,var(--surface,#fff) 85%,transparent);color:var(--muted);font:700 .95rem/1 system-ui;cursor:pointer;opacity:.85}
.gw-card-help:hover,.gw-card-help:focus-visible{opacity:1;color:var(--accent-text,var(--accent,#fb683e));border-color:var(--accent,#fb683e);outline:none}
.gw-help-insideh{margin:18px 0 6px;font-size:1rem}
.gw-help-inside{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}
.gw-help-in{display:flex;align-items:baseline;gap:8px;width:100%;min-height:44px;padding:8px 12px;border:1px solid var(--border);border-radius:12px;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}
.gw-help-in small{flex:none;min-width:4.5em;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}
@media print{.gw-card-help{display:none}}
.gw-marks-edge>.gw-card-help,.gw-marks-edge>.gw-lp-mark{top:-16px!important;background:var(--surface,#fff)!important;box-shadow:0 2px 8px rgb(16 42 67 / .14);opacity:1}   /* help.js 1.3.0: on the card's edge */