/* SOMAGON — « ? » next to titles and the help sheet it opens. Theme tokens only. */
html[data-theme] #app .help-moved{display:none!important}
/* « ? »: a small, quiet circle glued to the title's last word (like the info marks of iOS apps).
   The button keeps a 44px hit area without changing the title's line height; page button styles never reach it. */
html[data-theme] #app .help-glue{display:inline!important;margin:0!important;padding:0!important;font:inherit!important;color:inherit!important;letter-spacing:inherit!important;text-transform:inherit!important;white-space:nowrap!important;background:none!important}
html[data-theme] #app .help-glue.is-free{white-space:normal!important}
html[data-theme] #app button.help-tip{position:relative;top:-.06em;display:inline-grid!important;place-items:center;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;margin:-12px 0 -12px -5px!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;outline:none!important;color:var(--sg-muted)!important;vertical-align:middle;cursor:pointer;-webkit-tap-highlight-color:transparent;transform:none!important}
html[data-theme] #app .help-tip .help-tip-dot{display:grid!important;place-items:center;box-sizing:border-box!important;width:19px!important;height:19px!important;margin:0!important;padding:0!important;border:1.5px solid currentColor!important;border-radius:50%!important;background:none!important;color:inherit!important;font:700 11.5px/1 var(--sg-font,system-ui)!important;letter-spacing:0!important;text-transform:none!important;opacity:.85;position:static!important}
@media(hover:hover){html[data-theme] #app button.help-tip:hover{color:var(--sg-text)!important}html[data-theme] #app button.help-tip:hover .help-tip-dot{opacity:1}}
html[data-theme] #app button.help-tip:focus-visible .help-tip-dot{outline:2px solid var(--sg-accent);outline-offset:2px}
html[data-theme] dialog.help-sheet{width:min(560px,calc(100vw - 24px));max-height:min(80dvh,720px);margin:auto;padding:0;border:1px solid var(--sg-line);border-radius:20px;background:var(--sg-surface);color:var(--sg-text);box-shadow:0 24px 60px rgba(0,0,0,.35);overflow:auto}
html[data-theme] dialog.help-sheet::backdrop{background:rgba(10,8,16,.55)}
@media(max-width:640px){html[data-theme] dialog.help-sheet{width:100vw;max-width:100vw;margin:auto 0 0;border-radius:22px 22px 0 0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom,0px)}}
html[data-theme] dialog.help-sheet>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 4px 20px}
html[data-theme] dialog.help-sheet h2:focus{outline:none}
html[data-theme] dialog.help-sheet h2{margin:0;font-size:20px;line-height:1.25;font-weight:700;color:var(--sg-text)}
html[data-theme] dialog.help-sheet .help-sheet-body{padding:6px 20px 8px}
html[data-theme] dialog.help-sheet p{margin:0 0 12px;font-size:15px;line-height:1.55;color:var(--sg-text)}
html[data-theme] dialog.help-sheet h3{margin:16px 0 8px;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--sg-muted)}
html[data-theme] dialog.help-sheet ol{margin:0;padding:0 0 0 22px;display:grid;gap:10px}
html[data-theme] dialog.help-sheet li{font-size:15px;line-height:1.5;color:var(--sg-text)}
html[data-theme] dialog.help-sheet>footer{padding:12px 20px 20px}
html[data-theme] dialog.help-sheet .help-sheet-ok{width:100%}