/* Scoped, additive styles. No changes to the source editor or processor controls. */
.tool-help { margin-block: 1rem; padding: .85rem 1rem; border: 1px solid #71837e; border-radius: .75rem; color: #142f2c; background: #f5f8f6; min-inline-size: 0; }
.tool-help[hidden], .tool-help [hidden] { display: none !important; }
.tool-help .tool-help-heading { margin: 0; font-size: 1rem; }
.tool-help .tool-help-toggle { appearance: none; display: block; inline-size: 100%; min-block-size: 44px; text-align: start; font: inherit; font-weight: 700; color: inherit; background: transparent; border: 0; border-radius: .25rem; padding: .4rem .25rem; cursor: pointer; white-space: normal; overflow-wrap: anywhere; }
.tool-help .tool-help-toggle::before { content: '+ '; }
.tool-help .tool-help-toggle[aria-expanded='true']::before { content: '− '; }
.tool-help .tool-help-content { max-inline-size: 78ch; padding-block: .5rem; line-height: 1.55; overflow-wrap: anywhere; }
.tool-help .tool-help-content h2, .tool-help .tool-help-content h3, .tool-help .tool-help-content h4, .tool-help .tool-help-content h5, .tool-help .tool-help-content h6 { margin-block: 1rem .4rem; font-size: 1rem; }
.tool-help p { margin-block: .5rem; }
.tool-help ul, .tool-help ol { margin-block: .4rem; padding-inline-start: 1.5rem; }
.tool-help li + li { margin-block-start: .3rem; }
.tool-help .tool-help-details { margin-block-start: .8rem; border-block-start: 1px solid #a4b2ad; padding-block-start: .4rem; }
.tool-help summary { min-block-size: 44px; padding-block: .55rem; cursor: pointer; font-weight: 700; }
.tool-help dt { font-weight: 700; margin-block-start: .7rem; }
.tool-help dd { margin-inline-start: 0; margin-block-start: .25rem; white-space: pre-wrap; overflow-wrap: anywhere; }
.tool-help button:focus-visible, .tool-help summary:focus-visible { outline: 3px solid #005fa3; outline-offset: 3px; }
@media (forced-colors: active) { .tool-help { border-color: CanvasText; color: CanvasText; background: Canvas; } .tool-help button:focus-visible, .tool-help summary:focus-visible { outline-color: Highlight; } }
/* No animations or transitions, so reduced-motion users get the same static panel. */
