#discovery[hidden] { display:none!important }
body.discovery-mode { margin:0; overflow:auto; background:#fbf6e9; color:#20262d; font:1rem/1.5 system-ui,sans-serif }
body.discovery-mode > :not(#discovery):not(script) { display:none!important }
#discovery { max-width:64rem; margin:auto; padding:clamp(1rem,4vw,3rem); box-sizing:border-box }
#discovery header { margin-bottom:1.5rem }
#discovery h1 { font-size:clamp(1.6rem,5vw,2.2rem); line-height:1.2 }
#discovery form,.discovery-controls,#discovery nav { display:flex; align-items:center; flex-wrap:wrap; gap:.65rem; margin:1rem 0 }
#discovery form label { flex-basis:100% }
#discovery input { flex:1; min-width:8rem; width:12rem }
#discovery input,#discovery select,#discovery button { font:inherit; color:inherit; background:#fffdf6; border:1px solid #777; border-radius:.3rem; min-height:44px; padding:.45rem .7rem; box-sizing:border-box; max-width:100% }
#discovery a { color:#214f78; text-decoration:underline; text-underline-offset:.15em }
#discovery .discovery-try { display:inline-block; min-height:44px; padding:.45rem 0; box-sizing:border-box }
#discovery :focus-visible { outline:3px solid #214f78; outline-offset:3px }
#discovery [tabindex="-1"]:focus { outline:3px solid #214f78; outline-offset:3px }
#discovery ol { padding-left:1.8rem }
#discovery li { padding:.25rem 0 }
#discovery li a { display:block; min-height:44px; padding:.5rem; box-sizing:border-box; overflow-wrap:anywhere }
#discovery li a[aria-current] { background:#e9e3d2; border-radius:.3rem }
#discovery article { border-top:2px solid #777; margin-top:2rem; padding:1rem 0 }
#discovery article h2,#discovery article h3 { overflow-wrap:anywhere }
#discovery button:disabled { opacity:.5 }
#discovery [hidden] { display:none!important }
@media(max-width:480px) { #discovery .discovery-controls label { flex-basis:100% } #discovery .discovery-controls select { width:100% } }
