.learn-fig{margin:8px 0 0;display:grid;gap:10px}.learn-fig figcaption{font-size:12.5px;color:var(--subtle)}.learn-flow{display:grid;gap:14px;grid-template-columns:1fr}@media (min-width:640px){.learn-flow{grid-template-columns:1fr 1fr}}.learn-panel{border:1px solid var(--border);border-radius:var(--r-card);background:var(--surface);padding:14px 14px 16px;display:grid;gap:8px}.learn-panel svg{width:100%;height:auto;max-width:340px;margin:0 auto;display:block}.learn-panel p{margin:0;text-align:center;font-size:14px;line-height:1.5;color:var(--muted)}.learn-chart{border:1px solid var(--border);border-radius:var(--r-card);background:var(--surface);padding:12px}.learn-chart svg{width:100%;height:auto;max-width:560px;margin:0 auto;display:block}.learn-flags{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:1fr}@media (min-width:640px){.learn-flags{grid-template-columns:1fr 1fr}}.article-section .learn-flags li{padding:14px;border:1px solid var(--border);border-radius:var(--r-ui);background:var(--surface);display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start}.article-section .learn-flags li:before{content:none}.learn-flag-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.learn-flags strong{display:block;font-size:15px;color:var(--text)}.learn-flags span.learn-flag-text{display:block;margin-top:2px;font-size:14px;line-height:1.5;color:var(--muted)}.learn-sources{margin-top:28px;font-size:14px;color:var(--muted)}.learn-sources h2{font-size:16px;color:var(--text);margin-bottom:8px}.learn-sources ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}.learn-sources a{color:var(--brand-bright);text-decoration:underline;text-underline-offset:3px}.learn-closing{margin-top:28px;padding:18px 20px;border:1px solid var(--border-strong);border-radius:var(--r-ui);background:var(--surface-2);display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;justify-content:space-between}.learn-closing p{margin:0;color:var(--text)}.learn-closing a{color:var(--brand-bright);font-weight:560}.learn-photo{max-width:600px}.learn-photo img{width:100%;height:auto;display:block;border-radius:var(--r-ui);border:1px solid var(--border);filter:grayscale(1)}.learn-photo figcaption a{color:var(--brand-bright);text-decoration:underline;text-underline-offset:3px}.learn-sources+.learn-sources{margin-top:20px}