/* Compact thumbnail names, with native tap/keyboard access to the full text.
   Match the existing three-class priority so country caption rules can still win. */
.box .thumb .thumbTitle,
.box .thumb-wide .thumbTitle {
    font-size: 12px;
    line-height: 1.45;
    padding: 6px;
    height: calc(2 * 1.45em + 12px);
}
:where(.thumbTitle) > .thumb-title-disclosure > summary {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    overflow-wrap: anywhere;
    white-space: normal;
    list-style: none;
    cursor: pointer;
}
:where(.thumbTitle) > .thumb-title-disclosure > summary::-webkit-details-marker {
    display: none;
}
:where(.thumbTitle) > .thumb-title-disclosure > summary:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: -2px;
}
.box .thumb .thumbTitle:where(:has(> .thumb-title-disclosure[open])),
.box .thumb-wide .thumbTitle:where(:has(> .thumb-title-disclosure[open])) {
    height: auto;
    max-height: 100%;
    overflow: auto;
}
:where(.thumbTitle) > .thumb-title-disclosure[open] > summary {
    display: block;
    -webkit-line-clamp: unset;
}