/* Easter eggs (backstage-egg partial): one fixed motif per page, small, inline, opt-in. */
.bs-egg { display: inline-block; max-width: 100%; vertical-align: middle; }
.bs-egg__trigger {
    display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0;
    border: 0; border-radius: 50%; background: transparent; color: inherit; opacity: .45; font-size: 15px; line-height: 1; cursor: pointer;
}
/* accessible name stays available to screen readers, title shows it on demand */
.bs-egg__hint { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.bs-egg__trigger:hover, .bs-egg__trigger:focus-visible, .bs-egg__trigger[aria-expanded="true"] { opacity: 1; }
.bs-egg__trigger:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.bs-egg__panel {
    box-sizing: border-box; width: 256px; max-width: 100%; margin-top: 4px; padding: 8px;
    background: rgba(10, 10, 14, .92); border: 1px solid rgba(255, 255, 255, .12); border-radius: 8px;
    color: #ddd; text-align: left; font-size: 14px; line-height: 1.3;
}
.bs-egg__panel[hidden] { display: none; }
/* fixed box: the motif never moves the layout and is never stretched */
.bs-egg__frame { box-sizing: border-box; width: 240px; max-width: 100%; height: 160px; background: #000; border-radius: 5px; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.bs-egg__frame img, .bs-egg__frame video { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; display: block; }
.bs-egg__frame img:not([src]) { visibility: hidden; }
.bs-egg__bar { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin-top: 4px; }
.bs-egg__btn {
    min-width: 44px; min-height: 44px; border: 0; border-radius: 5px; padding: 0 10px; gap: 6px;
    background: transparent; color: #ddd; font-size: 16px; display: inline-flex; align-items: center; justify-content: center;
}
.bs-egg__btxt { font-size: 14px; }
.bs-egg__btn:hover, .bs-egg__btn:focus-visible { background: rgba(255, 255, 255, .1); }
.bs-egg__btn:focus-visible { outline: 2px solid #ddd; outline-offset: -2px; }
.bs-egg__btn[data-act="close"] { margin-left: auto; }
.bs-egg--aside { display: block; text-align: right; margin-top: 8px; }
.bs-egg--aside .bs-egg__panel { margin-left: auto; }
.bs-egg--after { display: block; margin-top: 12px; }
.bs-egg--inline { display: block; margin: 4px 0 4px -12px; }
.section-heading:has(> .bs-egg) { flex-wrap: wrap; }
.section-heading > .bs-egg { flex: 0 0 auto; text-align: right; margin-left: auto; align-self: flex-start; }
.section-heading > .bs-egg .bs-egg__panel { margin-left: auto; }
@media (max-width: 575.98px) {
    .section-heading > .bs-egg, .bs-egg--aside { text-align: left; margin-left: 0; }
    .section-heading > .bs-egg .bs-egg__panel, .bs-egg--aside .bs-egg__panel { margin-left: 0; }
}.bs-egg__frame video { width: 100%; height: 100%; }
.bs-egg--inline .bs-egg__panel { margin-left: 12px; }

.bs-egg__msg { margin: 6px 0 0; font-size: 14px; color: #f3c27a; }