.learn-section{padding-block:clamp(56px,7vw,104px) 0}.learn-approaches{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px;display:grid}.learn-approach{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);grid-template-rows:auto 1fr;display:grid;overflow:hidden}.learn-approach-copy{padding:24px 26px 28px}.learn-where{color:var(--signal);font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:.1em;text-transform:uppercase;font-weight:600}.learn-approach h3{font-size:var(--text-h3);letter-spacing:-.02em;gap:2px;margin:10px 0 12px;font-weight:600;display:grid}.learn-approach h3 em,.learn-overlap h3 em{color:var(--signal);font-family:var(--font-serif);font-size:var(--text-ui-lg);font-weight:400}.learn-approach p,.learn-overlap p,.learn-term dd p{color:var(--ink-soft);font-size:var(--text-body);margin:0;line-height:1.6}.learn-why{color:var(--muted)!important;font-size:var(--text-ui)!important;margin-top:12px!important}.learn-why strong{color:var(--ink);font-weight:600}.learn-surface{border-bottom:1px solid var(--line);background:radial-gradient(circle at 80% 0%, var(--glow-warm), transparent 60%), var(--paper-deep);align-content:start;gap:10px;min-height:228px;padding:22px;display:grid}.learn-surface-bar{border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--surface);color:var(--ink-soft);font-size:var(--text-caption);padding:9px 14px}.learn-result{opacity:.45;border-radius:12px;gap:3px;padding:10px 12px;display:grid}.learn-result.is-you{background:var(--surface);opacity:1;border:1px solid #0f403438;box-shadow:0 10px 24px -18px #0f403499}.learn-result small{color:var(--success-ink);font-size:11px}.learn-result strong{color:var(--blue);font-size:var(--text-ui);font-weight:560}.learn-result span{min-height:8px;color:var(--muted);font-size:12px;line-height:1.4}.learn-result:not(.is-you) span{background:var(--line-strong);border-radius:4px;width:70%}.learn-answer{border:1px solid #0f403438;border-left:3px solid var(--signal);background:var(--surface);border-radius:12px;gap:6px;padding:14px 16px;display:grid}.learn-answer small{color:var(--signal);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:10px}.learn-answer p{color:var(--ink);font-size:var(--text-caption);margin:0;line-height:1.5}.learn-answer mark{background:var(--signal-soft);color:var(--signal-text,var(--signal-strong));border-radius:3px;padding:0 3px;font-weight:600}.learn-answer span{color:var(--muted-light);font-size:11px}.learn-surface-ai{background:radial-gradient(circle at 20% 0%, #ffffff14, transparent 60%), var(--ink-bg)}.learn-bubble{max-width:88%;font-size:var(--text-caption);border-radius:14px;padding:10px 13px;line-height:1.45}.learn-bubble.is-user{color:var(--on-dark);background:#f5f2ec1f;border-bottom-right-radius:4px;justify-self:end}.learn-bubble.is-ai{border:1px solid var(--line-dark);color:var(--on-dark-muted);background:#18181899;border-bottom-left-radius:4px;gap:6px;display:grid}.learn-bubble.is-ai svg{color:var(--mint-bright)}.learn-bubble.is-ai p{margin:0}.learn-bubble.is-ai strong{color:var(--on-dark);font-weight:600}.learn-cite{border-radius:var(--radius-pill);color:var(--mint-bright);font-family:var(--font-mono);border:1px solid #ffffff2e;justify-self:start;padding:2px 8px;font-size:10px}.learn-overlap{border-radius:var(--radius-lg);background:radial-gradient(circle at 12% 50%, #ffffff1a, transparent 40%), var(--ink-bg);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,48px);margin-top:20px;padding:clamp(28px,4vw,44px);display:grid}.learn-overlap h3{color:var(--on-dark);font-size:var(--text-h3);margin:0 0 10px;font-weight:600}.learn-overlap p{max-width:64ch;color:var(--on-dark-muted)}.learn-overlap .learn-why{color:var(--mint)!important}.learn-overlap-mark{width:120px;height:104px;display:block;position:relative}.learn-overlap-mark i{border:1.5px solid var(--mint);background:#ffffff0d;border-radius:50%;width:64px;height:64px;position:absolute}.learn-overlap-mark i:first-child{top:0;left:28px}.learn-overlap-mark i:nth-child(2){top:38px;left:6px}.learn-overlap-mark i:nth-child(3){top:38px;left:50px}.learn-terms{border-top:1px solid var(--line-strong);margin:36px 0 0;display:grid}.learn-term{border-bottom:1px solid var(--line);grid-template-columns:minmax(180px,280px) minmax(0,1fr);gap:clamp(16px,4vw,56px);padding:26px 0;scroll-margin-top:120px;display:grid}.learn-term dt{font-size:var(--text-h3-sm);letter-spacing:-.01em;align-content:start;gap:4px;font-weight:600;display:grid}.learn-term dt small{color:var(--signal);font-size:var(--text-caption);font-weight:500}.learn-term dd{margin:0}.learn-example{border-left:2px solid var(--mint);font-family:var(--font-serif);padding-left:14px;font-style:italic;color:var(--muted)!important;font-size:var(--text-lede)!important;margin-top:12px!important}.learn-next{color:var(--muted);padding-block:32px 0}@media (max-width:1000px){.learn-approaches{grid-template-columns:minmax(0,1fr)}.learn-surface{min-height:0}}@media (max-width:640px){.learn-overlap,.learn-term{grid-template-columns:minmax(0,1fr)}.learn-overlap-mark{transform-origin:0;transform:scale(.8)}}
