/* Discovery is the invitation: a considered decision, a reveal, a useful next step. */
.hook h1{font-size:clamp(3.7rem,6.3vw,6rem);margin-bottom:24px}.hook .lede{max-width:46ch}.hook-play{border-top:1px solid var(--ink);padding-top:24px;margin-top:27px}.hook-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.hook-heading .eyebrow{margin:0}.hook-position{font:12px var(--mono);color:var(--red)}.hook-track{display:flex;gap:8px;padding:0;list-style:none;margin:20px 0 25px}.hook-track li{flex:1;border-top:3px solid #c4beaf;padding-top:9px;font:10px/1.5 var(--mono)}.hook-track li[data-state=active]{border-color:var(--red)}.hook-track li[data-state=found]{border-color:#526342}.hook-track li[data-state=found]::before{content:'✓ '}.hook-title{font:25px/1.16 var(--sans);letter-spacing:-.04em;margin:0 0 12px}.hook-context{font-size:13px;line-height:1.6;margin:0 0 16px}.hook-claim{margin:0;padding:22px 24px;background:#e8dfcb;border-left:3px solid var(--red);font:italic 23px/1.35 var(--serif)}.hook-source{font-size:14px;border-bottom:1px solid #b3ab98;padding:14px 0}.hook-source summary{cursor:pointer;min-height:32px;display:list-item;text-decoration:underline;text-underline-offset:5px}.hook-source p{padding:15px;background:#faf7ef;border:1px dashed #958974;font:16px/1.65 var(--serif);margin:10px 0}.hook-question{font-weight:600;font-size:14px;margin:23px 0 12px}.hook-choices{display:grid;gap:8px}.hook-choices button,.hook-replay{min-height:44px;background:transparent;border:1px solid #9b9484;padding:12px 16px;font:13px/1.5 var(--sans);text-align:left;color:var(--ink);cursor:pointer}.hook-choices button:hover,.hook-replay:hover{border-color:var(--red);background:#eae2d3}.hook-choices button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.hook-choices button:disabled{opacity:.65;cursor:default}.hook-choices button[aria-pressed=true]:disabled{opacity:1}.hook-result{margin-top:20px;border-top:3px solid #526342;padding-top:14px}.hook-response{font-weight:600;font-size:14px}.hook-insight{font:18px/1.6 var(--serif)}.hook-result .button,.hook-ending .button{font-size:13px;width:100%;white-space:normal;text-align:left}.hook-ending{padding-block:24px}.hook-ending h3{font:28px/1.2 var(--serif)}.hook-ending ul{padding-left:22px;line-height:1.7}.hook-ending p{font-size:15px}.hook-replay{width:100%;margin-top:12px}.hook-disclaimer{font:10px/1.7 var(--mono);color:#59594f;margin:16px 0 0}.hook-workshops{display:inline-block;margin-top:24px;font-size:14px}.home-hero:has(.hook){align-items:start}.home-hero:has(.hook) .world-home{position:sticky;top:20px}.experiment-bench{border-top:1px solid #aaa18f;background:#f8f4e9;display:grid;grid-template-columns:1fr 1.4fr;gap:30px;padding:35px}.bench-intro h3{font:clamp(28px,3vw,43px)/1.05 var(--serif);letter-spacing:-.035em}.bench-question{font:17px/1.6 var(--serif)}.bench-prediction{padding:0;border:0;min-width:0}.bench-prediction legend{font:13px/1.6 var(--mono);padding:0;margin-bottom:15px}.bench-options{display:grid;gap:8px}.bench-options button,.bench-restore,.bench-save,.notebook-actions button{padding:12px 15px;background:#f8f4e9;border:1px solid #a49b87;min-height:44px;color:var(--ink);font:14px/1.5 var(--sans);text-align:left}.bench-options button[aria-pressed=true],.bench-controls button[aria-pressed=true]{background:#30372d;color:white;border-color:#30372d}.bench-controls{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.bench-run{font-size:13px;white-space:normal}.bench-work button:disabled,.notebook-actions button:disabled{opacity:.55;cursor:default}.bench-result{border-top:2px solid #657953;padding-top:16px}.bench-feedback{font-size:16px;font-weight:600}.bench-comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.bench-comparison>div{padding:16px;background:#eae4d7;border-top:2px solid #a1967e}.bench-comparison>div:last-child{background:#e6eadc;border-color:#526342}.bench-comparison span{font:11px var(--mono);text-transform:uppercase}.bench-comparison p,.bench-explanation{font:16px/1.6 var(--serif);margin:12px 0 0}.bench-save{margin-top:20px}.discovery-notebook{grid-column:1/-1;border-top:1px solid #aaa18f;padding-top:20px;font-size:14px}.discovery-notebook summary{cursor:pointer;font:20px var(--serif);padding:5px 0;min-height:40px}.notebook-count{font:12px var(--mono);margin-left:15px;color:var(--red)}.notebook-list{line-height:1.8;padding-left:20px}.notebook-actions{display:flex;flex-wrap:wrap;gap:10px}.notebook-status{min-height:24px}.world-flow{padding:25px 30px;border-top:1px solid #aaa18f;background:#e8e0ce}.world-flow header{display:flex;justify-content:space-between;align-items:start;gap:20px}.world-flow h3{font:24px var(--serif);margin:0 0 15px}.world-flow label{font:12px var(--mono)}.world-flow .flow-controls{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;margin-top:10px}.flow-next{min-height:44px;padding:10px 20px;border:1px solid #867b67;background:#f8f4e9;color:var(--ink)}.flow-readout{font:17px/1.6 var(--serif);margin:14px 0 0;min-height:55px}.flow-number{font:12px var(--mono);color:var(--red)}.world-discovery-label{position:absolute;top:22px;right:22px;max-width:65%;padding:9px 13px;color:#30372d;background:#f8f4e9;border:1px solid #a49b87;font:11px/1.7 var(--mono);pointer-events:none}.world-discovery-label:empty{display:none}.world-course[data-experiment=after] .world-discovery-label{border-left:4px solid #526342}.world-home[data-hook-revealed=true] .world-discovery-label{border-left:4px solid #b73521}
@media(max-width:1200px){.experiment-bench{grid-template-columns:1fr;padding:28px;gap:15px}.bench-intro h3{max-width:20ch}.home-hero:has(.hook) .world-home{position:static}.hook h1{font-size:6.6vw}.hook-claim{font-size:21px;padding:18px}.hook-title{font-size:23px}}
@media(max-width:800px){.home-hero:has(.hook){grid-template-columns:1fr 1fr}.hook h1{font-size:7vw}.bench-comparison{grid-template-columns:1fr}.world-discovery-label{font-size:9px;top:16px;right:12px;max-width:60%}.world-flow{padding:22px}.world-flow .flow-controls{gap:10px}.flow-next{font-size:13px;padding:10px}.experiment-bench{padding:25px 18px}}
@media(max-width:580px){.home-hero:has(.hook){display:flex;flex-direction:column}.hook h1{font-size:clamp(3.4rem,13.5vw,5rem)}.hook-play{margin-top:20px}.hook-claim{font-size:22px}.hook-track{margin-bottom:20px}.hook .lede{font-size:16px}.hook-workshops{margin-top:18px}.bench-controls{flex-direction:column}.bench-controls button{width:100%}.world-flow .flow-controls{grid-template-columns:1fr}.world-flow header{gap:12px}.world-flow h3{font-size:23px}.flow-readout{font-size:16px}.world-discovery-label{font-size:8px;max-width:57%}.world-home .world-discovery-label{top:18px}}
@media(forced-colors:active){.hook-track li[data-state=active]{border-color:Highlight}.hook-choices button[aria-pressed=true],.bench-options button[aria-pressed=true],.bench-controls button[aria-pressed=true]{outline:3px solid Highlight;outline-offset:-4px}.world-discovery-label{color:CanvasText;background:Canvas}}
@media print{.hook-choices,.hook-next,.hook-replay,.bench-controls,.bench-options,.bench-save,.notebook-actions{display:none}.experiment-bench{display:block}.hook-source>p{display:block}}
.bench-chart{display:block;width:100%;height:auto;max-height:125px;margin:16px 0 8px}.hook h1{font-size:clamp(3.4rem,5.3vw,5rem);margin-bottom:18px}.hook .lede{margin-bottom:18px;font-size:16px}.hook-play{margin-top:18px;padding-top:16px}.hook-track{margin:14px 0 18px}.hook-context{margin-bottom:10px;font-size:12px}.hook-title{font-size:22px;margin-bottom:8px}.hook-claim{padding:17px 20px;font-size:22px}.hook-source{padding:10px 0}.hook-question{margin-top:17px}.hook-choices{grid-template-columns:1fr 1fr}.hook-choices button:last-child{grid-column:1/-1}.hook-heading .eyebrow{font-size:9px}
@media(max-width:800px){.hook h1{font-size:7vw}.hook-choices{grid-template-columns:1fr}.hook-choices button:last-child{grid-column:auto}.hook-claim{padding:15px;font-size:20px}}
@media(max-width:580px){.hook h1{font-size:clamp(3rem,12vw,4.2rem)}.hook .lede{font-size:15px}.hook-choices{grid-template-columns:1fr 1fr}.hook-choices button:last-child{grid-column:1/-1}.hook-choices button{font-size:12px;padding:10px}.hook-title{font-size:23px}}