/* Explicitly marked secondary help; ordinary content stays visible without JS. */
details.context-help {
    display: inline-block;
    max-width: 100%;
    margin: 0 .25rem .25rem 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    vertical-align: middle;
    color: inherit;
}
details.context-help[open] { display: block; }
details.context-help > summary.context-help__trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    min-width: 44px;
    min-height: 44px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: .5rem;
    background: transparent;
    color: inherit;
    list-style: none;
    cursor: pointer;
}
details.context-help > summary::marker { content: ''; }
details.context-help > summary::-webkit-details-marker { display: none; }
details.context-help > summary::after { content: none; }
.context-help__trigger:hover { background: color-mix(in srgb, currentColor 9%, transparent); }
.context-help__trigger:focus-visible { outline: 3px solid #2766bc; outline-offset: 2px; }
.context-help__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 21px;
    height: 21px;
    border: 1.5px solid currentColor;
    border-radius: 50%;
    font: 700 15px/1 Georgia, serif;
}
.context-help__trigger > .visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}
details.context-help > .context-help__content {
    max-width: 70ch;
    margin: 0 0 .75rem .5rem;
    padding: .5rem .75rem;
    border-left: 2px solid currentColor;
    font-size: .9375rem;
    line-height: 1.5;
    overflow-wrap: anywhere;
}
.context-help__content > [data-context-help],
.context-help__section > [data-context-help] {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}
.context-help__legacy { display: block; margin: 0; padding: 0; border: 0; background: transparent; }
.context-help__legacy > summary { display: none; }
.context-help__legacy > .context-help__content { margin: 0; padding: 0; border: 0; }
/* One disclosure per page; its headings make the collected explanations scannable. */
.context-help--page .context-help__title { margin: 0 0 .5rem; font-size: 1rem; line-height: 1.4; color: inherit; }
.context-help--page .context-help__section { margin: .65rem 0 0; padding: 0; border: 0; background: transparent; box-shadow: none; color: inherit; }
.context-help--page .context-help__section > h3 { margin: 0 0 .15rem; font-size: inherit; line-height: inherit; color: inherit; }
.context-help--page .context-help__section > [data-context-help] + [data-context-help] { margin-top: .35rem; }
@media print {
    details.context-help { display: block; }
    details.context-help > summary.context-help__trigger { display: none; }
    details.context-help > .context-help__content { display: block; border: 0; padding: 0; margin: .25rem 0; }
}