.section-heading { display:flex; align-items:center; gap:0; min-width:0; }
.section-heading h1 { min-width:0; overflow-wrap:anywhere; }
.help-trigger { display:inline-flex; align-items:center; justify-content:center; flex:0 0 44px; width:44px; height:44px; min-height:44px; padding:0; border:0; border-radius:8px; color:var(--muted); background:transparent; font-size:0; line-height:1; cursor:pointer; }
.help-trigger::before { content:""; width:20px; height:20px; flex:0 0 20px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M9.5%209a2.5%202.5%200%200%201%205%20.3c0%201.7-2.5%202-2.5%203.7M12%2016.5h.01%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M9.5%209a2.5%202.5%200%200%201%205%20.3c0%201.7-2.5%202-2.5%203.7M12%2016.5h.01%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; }
.help-trigger:hover { color:var(--accent); background:var(--accent-soft); }
.help-trigger:focus-visible { outline:3px solid var(--focus); outline-offset:2px; }
.group-title.with-help { display:flex; align-items:center; gap:8px; padding-top:5px; padding-bottom:5px; }

.context-help-veil { z-index:35; }
#contextHelpDialog { width:min(100%,520px); max-height:min(90dvh,760px); display:flex; flex-direction:column; overflow:hidden; margin:0; align-self:auto; padding:22px; }
.context-help-head { flex:0 0 auto; display:flex; align-items:flex-start; gap:12px; margin-bottom:14px; }
.context-help-head h2 { flex:1; min-width:0; margin:5px 0 0; font-size:23px; line-height:1.2; overflow-wrap:anywhere; }
.context-help-head button { min-width:44px; min-height:44px; padding:6px; font-size:22px; }
#contextHelpBody { min-height:0; overflow-y:auto; overscroll-behavior:contain; font-size:15px; line-height:1.55; overflow-wrap:anywhere; }
#contextHelpBody section { margin:16px 0; }
#contextHelpBody h3 { margin:0 0 5px; color:var(--muted); font-size:12px; font-weight:650; }
#contextHelpBody p { margin:0; }
.context-help-purpose { font-weight:600; }
#contextHelpDone { flex:0 0 auto; width:100%; min-height:44px; margin-top:6px; }
@media(max-width:560px) {
 #contextHelpDialog { border-radius:20px; padding:18px; max-height:calc(100dvh - 24px); }
 .context-help-veil { padding:12px; align-items:center; }
}