.surprise-button { background: none; color: inherit; border: 0; border-bottom: 1px solid var(--line); padding: .75rem .2rem; font: inherit; font-size: .875rem; cursor: pointer; }
.surprise-button[hidden] { display: none; }
.curiosity { width: min(38rem, calc(100% - 2rem)); max-height: 85svh; overflow: auto; padding: clamp(1.5rem, 5vw, 3rem); border: 1px solid var(--line); background: var(--background); color: var(--foreground); }
.curiosity::backdrop { background: rgb(28 25 21 / 35%); backdrop-filter: blur(5px); }
.curiosity header, .curiosity footer { display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; }
.curiosity header { font-size: .875rem; }
.curiosity h2 { font: normal clamp(2rem, 5vw, 3rem)/1.1 Georgia, serif; letter-spacing: -.035em; margin: 2rem 0 1.5rem; }
.curiosity p { font: 1.125rem/1.65 Georgia, serif; }
.curiosity footer { margin-top: 2rem; border-top: 1px solid var(--line); padding-top: 1rem; }
.curiosity a { color: inherit; font-size: .875rem; text-underline-offset: .3em; }
.curiosity button { min-height: 44px; }