.context-help { margin: 0 0 8px; max-width: 100%; min-width: 0; }
.help-toggle { display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; min-width: 44px; min-height: 44px; padding: 4px; font-size: 1rem; background: var(--ft-color-surface-0); color: var(--ft-color-primary); }
.help-panel { margin-top: 8px; padding: 12px; border-left: 3px solid var(--ft-color-primary); background: var(--ft-color-surface-1); color: var(--ft-color-text); font-size: .9rem; font-weight: 400; line-height: 1.5; overflow-wrap: anywhere; white-space: normal; }
.help-panel p { margin: 6px 0 0; }
.help-guide p { max-width: 80ch; }
/* Use natural document height, including after a parent expands the frame. */
html, body { min-height: 0; height: auto; }
#choices > .context-help { flex-basis: 100%; }
.help-calculation { overflow-wrap: anywhere; }

.help-label-row { display: grid; grid-template-columns: minmax(0, 1fr) 44px; align-items: start; gap: 6px 10px; margin-bottom: 8px; }
.help-label-row > label, .help-label-row > h3, .help-label-row > h4 { grid-column: 1; grid-row: 1; margin: 0; align-self: center; }
.help-label-row > .context-help { display: contents; }
.help-label-row .help-toggle { grid-column: 2; grid-row: 1; }
.help-label-row .help-panel { grid-column: 1 / -1; grid-row: 2; }