.discovery-card{--discovery-forest:var(--color-forest-800,#245342);--discovery-forest-deep:var(--color-forest-900,#14382b);--discovery-paper:var(--color-paper-50,#faf7f0);--discovery-paper-2:var(--color-paper-100,#f3efe6);--discovery-surface:var(--color-surface,#fffdf9);--discovery-sage-100:var(--color-sage-100,#eef8ef);--discovery-sage-200:var(--color-sage-200,#d4ead8);--discovery-sage-500:var(--color-sage-500,#7fae83);--discovery-sage-700:var(--color-sage-700,#356b4a);--discovery-gold:#b8921f;--discovery-gold-200:#fbe7b5;--discovery-earth-700:var(--color-earth-700,#6a452b);--discovery-purple:#593781;--discovery-danger:var(--color-danger,#b62d46);--discovery-danger-100:#f8e1e5;--discovery-ink:var(--color-ink,#1b1c19);--discovery-ink-2:var(--color-ink-secondary,#39423c);--discovery-muted:var(--color-ink-muted,#566257);--discovery-line:var(--color-line,#cfc8bb);--discovery-line-soft:#e4ddd0;--discovery-mono:var(--font-mono,"JetBrains Mono Variable","JetBrains Mono",ui-monospace,monospace);--learning-ink:var(--discovery-forest);--learning-surface:var(--discovery-surface);--learning-soft:var(--discovery-sage-100);--learning-edge:var(--discovery-line);--learning-text:var(--discovery-ink);--learning-muted:var(--discovery-muted);display:flex;flex-direction:column;gap:.75rem;min-width:0;padding:clamp(1rem,3vw,1.25rem);container:discovery-card/inline-size;border:1px solid var(--discovery-line);border-radius:var(--radius-surface,1.125rem);background:var(--discovery-surface);color:var(--discovery-ink);box-shadow:0 1px 0 rgb(20 56 43/6%),0 10px 24px -14px rgb(20 56 43/35%)}.discovery-card :is(h2,h3,p){margin:0}.discovery-card :is(button,input,select){font:inherit;color:inherit}.discovery-card :is(button,input,select,a):focus-visible{outline:3px solid var(--discovery-sage-700);outline-offset:2px}.discovery-card button:disabled{cursor:not-allowed}.discovery-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.discovery-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.125rem .75rem}.discovery-title{display:contents}.discovery-eyebrow{grid-area:1/1}.discovery-levels{grid-area:1/2}.discovery-hook,.discovery-title h2{grid-column:1/-1}@container discovery-card (max-width: 24rem){.discovery-levels{grid-area:4/1/5/-1;margin-top:.5rem}}.discovery-eyebrow{display:inline-flex;align-items:center;gap:.375rem;font-family:var(--discovery-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--discovery-sage-700)}.discovery-title h2{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:800;line-height:1.15;color:var(--discovery-forest-deep);text-wrap:balance}.discovery-hook{font-size:.9375rem;color:var(--discovery-muted)}.discovery-levels{display:inline-flex;flex-wrap:wrap;gap:.25rem}.discovery-level{position:relative;display:inline-flex;align-items:center;gap:.25rem;min-height:32px;padding:.125rem .625rem;border:1.5px solid transparent;border-radius:999px;font-weight:700;font-size:.8125rem;cursor:pointer;opacity:.72}.discovery-foot .discovery-button:after,.discovery-foot .discovery-link-button:after,.discovery-level:after{content:"";position:absolute;inset:-6px -2px}.discovery-level[data-level=easy]{background:var(--color-difficulty-easy-surface,#d4ead8);color:var(--color-difficulty-easy-ink,#245342)}.discovery-level[data-level=medium]{background:var(--color-difficulty-medium-surface,#fbe7b5);color:var(--color-difficulty-medium-ink,#714600)}.discovery-level[data-level=hard]{background:var(--color-difficulty-hard-surface,#e8dcf5);color:var(--color-difficulty-hard-ink,#593781)}.discovery-level[aria-pressed=true]{opacity:1;border-color:currentColor}.discovery-play,.discovery-play>div{display:flex;flex-direction:column;gap:.625rem;min-width:0}.discovery-status{font-weight:600;color:var(--discovery-forest)}.discovery-play [aria-live]:empty,.discovery-status:empty{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.discovery-result{display:grid;justify-items:start;gap:.625rem;padding:.75rem .875rem;border:1px solid var(--discovery-sage-200);border-radius:.75rem;background:var(--discovery-sage-100)}.discovery-result strong{color:var(--discovery-forest-deep)}.discovery-why{display:flex;flex-direction:column;gap:.5rem;padding-top:.625rem;border-top:1px dashed var(--discovery-line)}.discovery-why h3{font-size:1.0625rem;color:var(--discovery-forest-deep)}.discovery-why p{max-width:68ch;color:var(--discovery-ink-2);line-height:1.6}.discovery-foot{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 1rem;padding-top:.625rem;border-top:1px solid var(--discovery-line-soft);font-size:.9rem}.discovery-foot a{color:var(--discovery-sage-700);font-weight:600}.discovery-spacer{flex:1}.discovery-link-button{position:relative;min-height:34px;padding:0;border:0;background:none;color:var(--discovery-forest);font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.discovery-loading{color:var(--discovery-muted)}.discovery-foot .discovery-button{position:relative;min-height:34px;padding:.25rem .875rem}.discovery-button{min-height:44px;padding:.5rem 1rem;border:1px solid var(--discovery-line);border-radius:999px;background:var(--discovery-surface);color:var(--discovery-forest);font-weight:700;font-size:.9rem;cursor:pointer}.discovery-button:hover:not(:disabled){background:var(--discovery-sage-100)}.discovery-button[data-primary]{background:var(--discovery-forest);border-color:var(--discovery-forest);color:var(--discovery-surface)}.discovery-button[data-primary]:hover:not(:disabled){background:var(--discovery-forest-deep)}.discovery-button:disabled{opacity:.45}.discovery-prompt{max-width:62ch;font-size:1.0625rem;font-weight:600}.discovery-note{font-size:.875rem;color:var(--discovery-muted)}.discovery-formula{font-size:.9375rem}.discovery-big-equation,.discovery-formula{font-family:var(--discovery-mono);color:var(--discovery-forest-deep)}.discovery-big-equation{font-size:clamp(1.375rem,4vw,1.875rem);font-weight:600;text-align:center;font-variant-numeric:tabular-nums}.discovery-feedback{padding:.625rem .75rem;border-radius:.75rem;background:var(--discovery-paper-2);color:var(--discovery-ink-2)}.discovery-feedback[data-tone=good]{background:var(--discovery-sage-100);color:var(--discovery-forest-deep)}.discovery-feedback[data-tone=bad]{background:var(--discovery-danger-100);color:#6d1526}.discovery-figure{display:block;width:100%;height:auto;border:1px solid var(--discovery-line-soft);border-radius:.75rem;background:var(--discovery-paper);touch-action:none}.discovery-two{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:1rem;align-items:start}@container discovery-card (max-width: 26rem){.discovery-two{grid-template-columns:minmax(0,1fr)}}.discovery-two:not(:has(>:not(.discovery-figure))){gap:0;align-items:stretch;overflow:hidden;border:1px solid var(--discovery-line-soft);border-radius:.75rem;background:var(--discovery-paper)}.discovery-two:not(:has(>:not(.discovery-figure)))>.discovery-figure{max-width:none!important;height:100%;border:0;border-radius:0}.discovery-two:not(:has(>:not(.discovery-figure)))>.discovery-figure+.discovery-figure{border-left:1px dashed var(--discovery-line-soft)}@container discovery-card (max-width: 26rem){.discovery-two:not(:has(>:not(.discovery-figure)))>.discovery-figure+.discovery-figure{border-left:0;border-top:1px dashed var(--discovery-line-soft)}}.discovery-stack{display:flex;flex-direction:column;gap:.75rem;min-width:0}.discovery-row{display:flex;flex-wrap:wrap;align-items:center;gap:.625rem}.discovery-section{display:flex;flex-direction:column;gap:.75rem;padding-top:.875rem;border-top:1px dashed var(--discovery-line)}.discovery-field{display:inline-flex;align-items:center;gap:.375rem;font-family:var(--discovery-mono);font-weight:600}.discovery-field input{width:6ch;min-height:44px;padding:0 .625rem;border:1.5px solid var(--discovery-line);border-radius:.625rem;background:var(--discovery-surface);font-family:var(--discovery-mono);font-size:1rem}.discovery-choices{display:flex;flex-wrap:wrap;gap:.5rem}.discovery-choice{min-height:40px;padding:.4375rem .875rem;border:1.5px solid var(--discovery-line);border-radius:.75rem;background:var(--discovery-surface);font-weight:600;text-align:left;cursor:pointer}.discovery-choice:hover:not(:disabled){border-color:var(--discovery-sage-500);background:var(--discovery-sage-100)}.discovery-choice:disabled{cursor:default}.discovery-choice[aria-pressed=true]{border-color:var(--discovery-forest)}.discovery-choice[data-mark=right]{border-color:var(--discovery-sage-700);background:var(--discovery-sage-200)}.discovery-choice[data-mark=wrong]{border-color:var(--discovery-danger);background:var(--discovery-danger-100)}.discovery-tag{padding:.1875rem .5rem;border-radius:.375rem;background:var(--discovery-paper-2);color:var(--discovery-muted);font-family:var(--discovery-mono);font-size:.75rem}@container discovery-card (min-width: 30rem){.discovery-card .workshop-control{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:.75rem}.discovery-card .workshop-control label{gap:.625rem;justify-content:flex-start}.discovery-card .workshop-stepper{gap:.25rem}}.discovery-card .workshop-control label{font-size:.875rem;color:var(--discovery-ink-2)}.discovery-card .workshop-control output{font-family:var(--discovery-mono);color:var(--discovery-forest)}.discovery-card .workshop-stepper input[type=range]{flex:1;min-width:0}.discovery-card .workshop-plot{max-width:420px;max-height:none;border:1px solid var(--discovery-line-soft);border-radius:.75rem;background:var(--discovery-paper)}@container discovery-card (min-width: 44rem){.discovery-card[data-layout=wide] .discovery-play>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);grid-template-rows:repeat(11,auto) 1fr;grid-auto-flow:row dense;gap:0 1.5rem;align-items:start}.discovery-card[data-layout=wide] .discovery-play>div>*{grid-column:1;margin-bottom:.625rem}.discovery-card[data-layout=wide] .discovery-play>div>:is(.discovery-two,.discovery-figure,[data-stage]){grid-column:2;grid-row:1/13;margin-bottom:0}}