/* Deliberate controls sit after the page, never over a chosen reading surface. */
.eg-experience-controls{box-sizing:border-box;max-width:82rem;margin:1.5rem auto;padding:.8rem clamp(1rem,4vw,3rem);font: .78rem/1.5 ui-monospace,monospace;color:inherit;border-top:1px solid currentColor;opacity:.85;clear:both}
.eg-experience-controls summary{cursor:pointer;max-width:max-content;padding:.4rem 0;text-decoration:underline;text-underline-offset:.2em}
.eg-experience-controls>div{display:flex;gap:.65rem;flex-wrap:wrap;padding:.8rem 0}
.eg-experience-controls button{font:inherit;color:inherit;background:transparent;border:1px solid currentColor;padding:.65rem .9rem;cursor:pointer;min-height:44px}
.eg-experience-controls button:focus-visible,.eg-experience-controls summary:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.eg-experience-controls button:disabled{opacity:.45;cursor:default}
html[data-eg-entry="pending"] .eg-experience-controls{visibility:hidden}
@media(max-width:600px){.eg-experience-controls{margin-bottom:4.5rem}}