/* One native disclosure, progressively enhanced in the existing Sigma palette. */
.hint-heading { display:flex; flex-wrap:wrap; align-items:center; }
.hint-heading > h3 { margin:0; }
.hint-heading > label { min-inline-size:0; }
.hint-choice { display:flex; flex-wrap:wrap; align-items:center; flex:1 1 145px; min-inline-size:0; }
.hint-heading > .ui-hint, .hint-choice > .ui-hint { flex:none; }
.ui-hint { display:inline-block; position:relative; max-inline-size:100%; vertical-align:middle; font-size:13px; font-weight:400; letter-spacing:normal; text-transform:none; }
.hint-toggle, [data-hint-fallback] { display:inline-grid; place-items:center; position:relative; inline-size:44px; block-size:44px; padding:12px; border:0; border-radius:50%; background:transparent; color:var(--ink); font:600 13px/20px Georgia,serif; cursor:pointer; list-style:none; }
.hint-toggle::before, [data-hint-fallback]::before { content:""; position:absolute; inset:11px; border:1px solid var(--line); border-radius:50%; }
.hint-toggle:hover, [data-hint-fallback]:hover { color:var(--green); background:var(--soft); }
[data-hint-fallback]::-webkit-details-marker { display:none; }
.ui-hint [data-hint-panel] { inline-size:min(28rem,calc(100vw - 40px)); max-inline-size:calc(100vw - 40px); padding:14px 16px; margin:4px 0 0; border:1px solid var(--notice-line); border-radius:8px; background:var(--notice-bg); color:var(--notice-ink); font-size:13px; line-height:1.65; overflow-wrap:anywhere; }
.ui-hint [data-hint-text] { margin:0; }
.ui-hint:not([data-hint-enhanced]) [data-hint-panel] { max-inline-size:100%; }
.hint-choice:has(> .ui-hint:not([data-hint-enhanced]) > details[open]) { flex-basis:100%; }
.hint-choice > .ui-hint:not([data-hint-enhanced]):has(> details[open]),
.hint-heading > .ui-hint:not([data-hint-enhanced]):has(> details[open]) { inline-size:100%; flex-basis:100%; }
.ui-hint [data-hint-panel] a { display:inline-block; margin:8px 14px 0 0; font-size:12px; font-weight:550; text-decoration:underline; }
.ui-hint[data-hint-enhanced] [data-hint-panel] { position:absolute; inset-block-start:calc(100% + 4px); inset-inline-start:0; z-index:5; margin:0; max-block-size:calc(100vh - 40px); overflow:auto; }
@media(max-width:580px) { .ui-hint [data-hint-panel] { inline-size:min(24rem,calc(100vw - 40px)); } }