.discovery-board{position:relative;isolation:isolate;height:calc(100% - 30px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);padding:22px 5%;gap:12px;background-image:radial-gradient(#143b5822 .8px,transparent .8px);background-size:15px 15px}
.discovery-thread{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.7}
.discovery-questions{display:flex;flex-direction:column;justify-content:center;gap:13px;min-width:0}
.discovery-instruction{font:700 10px Label;letter-spacing:.08em}
.discovery-questions button{position:relative;text-align:left;width:100%;background:#fffaf0;border:1px solid var(--ink);padding:11px 14px;color:var(--ink);font:italic 19px/1.15 Hotel,Georgia,serif;box-shadow:3px 3px 0 #143b5830;transform:rotate(-2deg);transition:transform .2s,background .2s,box-shadow .2s}
.discovery-questions button:nth-of-type(2){transform:rotate(1deg)}
.discovery-questions button small{display:block;font:12px/1.3 Label,sans-serif;margin-top:5px}
.discovery-questions button[aria-pressed=true]{background:#b8e4d4;box-shadow:5px 5px 0 var(--ink);transform:translateX(5px) rotate(0)}
.discovery-questions button:focus-visible{outline-offset:3px}
.discovery-answer{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-width:0;padding:0 8px}
.discovery-aha{font:700 clamp(55px,6vw,95px)/1 Bookman,Georgia,serif;letter-spacing:-.08em;transform:rotate(-9deg);color:var(--ink);position:relative}
.discovery-aha:after{content:'';position:absolute;bottom:0;left:-5%;right:-8%;height:28%;background:#f0763d;z-index:-1;transform:rotate(4deg)}
.discovery-star{position:absolute;right:0;top:0;color:#c45a2c;font-size:40px;line-height:1}
.discovery-insight{margin-top:20px;background:#f7f1dfee;padding:6px;max-width:230px}
.discovery-insight>span{font:750 10px Label;letter-spacing:.12em}
.discovery-insight p{font:16px/1.35 Hotel,Georgia,serif;margin:8px 0 0}
.discovery-stamp{font:650 8px/1.4 Label;letter-spacing:.1em;margin-top:12px;border-top:1px solid var(--ink);padding-top:7px}
@media(max-width:1000px){.discovery-questions button{font-size:16px;padding:9px 10px}.discovery-questions button small{font-size:11px}.discovery-insight p{font-size:14px}.discovery-aha{font-size:59px}}
@media(max-width:760px){.discovery-board{height:calc(100% - 25px);padding:12px 4%;gap:10px;grid-template-columns:minmax(0,1.17fr) minmax(0,1fr)}.discovery-questions{gap:9px}.discovery-instruction{font-size:8px}.discovery-questions button{font-size:15px;min-height:48px;padding:8px}.discovery-questions button small{display:none}.discovery-aha{font-size:52px}.discovery-star{font-size:28px;top:0;right:2px}.discovery-insight{margin-top:12px;padding:4px}.discovery-insight>span{font-size:8px}.discovery-insight p{font-size:13px;line-height:1.3}.discovery-stamp{font-size:7px;margin-top:8px}.discovery-answer{padding:0 6px 0 0}}
@media(prefers-reduced-motion:reduce){.discovery-questions button{transition:none}}
/* Let the questions determine the frame height, with a real bottom inset. */
.conversation-frame{height:auto;min-height:350px}
.conversation-frame .discovery-board{height:auto;min-height:318px;padding:20px 5% 28px;align-items:center}
.conversation-frame .discovery-questions{gap:10px}
.conversation-frame .discovery-questions button{flex-shrink:0}
.conversation-frame .discovery-answer{padding-bottom:4px}
@media(max-width:760px){
 .conversation-frame{height:auto;min-height:270px}
 .conversation-frame .discovery-board{height:auto;min-height:238px;padding:16px 4% 24px}
 .conversation-frame .discovery-questions{gap:10px}
}