.mh-hint { display: inline-block; vertical-align: middle; margin-inline: .3rem; font-size: .85rem; font-weight: 400; line-height: 1.5; color: var(--text-primary, #243b3b); }
.mh-hint > summary { display: inline-flex; justify-content: center; align-items: center; width: 28px; height: 28px; border: 1px solid currentColor; border-radius: 50%; background: var(--surface-primary, #fff); color: var(--text-primary, #243b3b); cursor: pointer; list-style: none; font-size: 14px; font-weight: 700; }
.mh-hint > summary::-webkit-details-marker { display: none; }
.mh-hint-panel { box-sizing: border-box; width: 310px; max-width: calc(100vw - 24px); padding: 16px; border: 1px solid #829792; border-radius: 10px; background: var(--surface-primary, #fff); color: var(--text-primary, #243b3b); box-shadow: 0 8px 28px #0003; overflow: auto; overflow-wrap: anywhere; white-space: normal; text-align: start; }
.mh-hint-panel p { margin: 10px 0 !important; font-size: 14px; line-height: 1.5; }
.mh-hint-panel a, .mh-hint-panel button { display: block; padding: 7px 0; font: inherit; color: inherit; text-decoration: underline; background: transparent; border: 0; cursor: pointer; }
.mh-hint-panel [hidden] { display: none; }
.mh-hint:not([data-enhanced]) > .mh-hint-panel { position: fixed; inset: auto 12px 12px; margin-inline: auto; z-index: 100; max-height: calc(100dvh - 24px); }
.mh-hint summary:focus-visible, .mh-hint-panel :focus-visible { outline: 3px solid #967252; outline-offset: 3px; }
.mh-hint[data-enhanced] > .mh-hint-panel { position: fixed; z-index: 100; max-height: calc(100dvh - 24px); }
.mh-hint:not([open]) > .mh-hint-panel { display: none; }
.mh-hint-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.mh-filter-field { display: grid; gap: 6px; align-content: start; }
.mh-filter-label { display: flex; align-items: center; }
.mh-filter-label label { margin: 0; }
@media print { .mh-hint { display: none !important; } }