/* Simulated learning workflow, visually separate from measured benchmark evidence. */
.learn-intro{max-width:920px}.learn-current{display:flex;justify-content:space-between;align-items:center;gap:16px}.learn-current h2{margin:8px 0 0}.learn-current p{margin:4px 0 16px}.learn-stages{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:12px 0}.learn-stages button{display:flex;flex-direction:column;gap:8px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;color:var(--ink);min-width:0}.learn-stages [aria-current=step]{border:2px solid var(--blue);background:#f1f5ff}.learn-stages button:disabled{opacity:.65;cursor:not-allowed}.learn-stages button span{font-size:20px;font-weight:700}.learn-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.learn-inbox{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.learn-example{border:1px solid var(--line);border-radius:12px;background:#fff;padding:16px;min-width:0}.learn-example h3{font-size:15px;line-height:1.45;margin:0}.learn-answer{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:12px;align-items:center;margin:12px 0}.learn-answer select{width:100%;padding:6px;border:1px solid var(--line);border-radius:6px;background:#fff}.learn-example .chip{display:block;width:fit-content;max-width:100%;white-space:normal;overflow-wrap:anywhere}.learn-example small{display:block;color:var(--muted)}.learn-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.learn-two h2{font-size:18px;margin:0}.learn-two .btn{margin:8px 0}.learn-two progress{display:block;margin:12px 0;max-width:100%}.learn-comparison{border:1px solid var(--line);border-radius:12px;padding:16px;margin:12px 0;background:#fff;min-width:0}.learn-comparison h4{margin:0 0 6px;font-size:15px}.learn-comparison .cmp{margin:12px 0}.learn-comparison .cmp>div{padding:12px;background:var(--soft);border-radius:8px;min-width:0;overflow-wrap:anywhere}.learn-tiles{grid-template-columns:repeat(3,minmax(0,1fr));margin:14px 0}.learn-evidence{border:2px solid #5d8471;background:#f7fbf8;border-radius:14px;padding:20px;margin:32px 0}.learn-evidence h2{margin-top:0}.learn-evidence-table{min-width:780px}.learn-evidence small{display:block}.learn-evidence code{overflow-wrap:anywhere}.learn-evidence p,.learn-evidence li{overflow-wrap:anywhere}.learn-example:focus-within{outline:2px solid var(--blue);outline-offset:2px}.learn-two section,#learn-review,#learn-comparison{scroll-margin-top:150px}
@media(max-width:900px){.learn-stages{grid-template-columns:repeat(3,minmax(0,1fr))}.learn-two,.learn-inbox{grid-template-columns:1fr}}
@media(max-width:560px){.learn-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.learn-current{align-items:flex-start;flex-direction:column;gap:4px}.learn-tiles{grid-template-columns:1fr}.learn-comparison .cmp{grid-template-columns:1fr}.learn-evidence{padding:14px}.learn-answer{grid-template-columns:minmax(0,1fr) 95px}}

.learn-outcome{border:2px solid var(--blue);border-radius:12px;padding:16px;background:var(--soft);margin:16px 0}.learn-outcome>p:first-child{font-size:18px;font-weight:600;line-height:1.6;margin-top:0}.learn-outcome small{display:block;margin-top:8px;color:var(--muted)}.learn-bar-row{display:grid;grid-template-columns:24px minmax(0,1fr) 48px;gap:8px;align-items:center;margin:10px 0;font-size:13px}.learn-bar-track{height:12px;background:var(--line);border-radius:6px;overflow:hidden}.learn-bar{height:100%;background:var(--muted)}.learn-bar.after{background:var(--blue)}.learn-comparison[data-changed=true]{border-left:4px solid var(--blue)}.learn-delta{color:var(--blue);font-weight:600}.learn-tiles .v{font-size:24px}

/* The presenter has one action, one history row and one selected decision. */
.learn-stages{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--muted);font-size:14px}.learn-stages [aria-current=step]{color:var(--blue);font-weight:700}
.learn-history{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.learn-node{flex:1 1 190px;min-width:0;max-width:100%;display:flex;flex-direction:column;gap:10px;text-align:left;border:1px solid var(--line);border-radius:12px;background:#fff;padding:16px;color:var(--ink);overflow-wrap:anywhere}.learn-node[aria-pressed=true]{outline:2px solid var(--blue);outline-offset:2px}.learn-node.keep{border-top:4px solid #39764f}.learn-node.near-miss{border-top:4px solid #a16b0a}.learn-node.discard{border-top:4px solid #a23d36}.learn-node small{color:var(--muted)}.learn-outcome small{display:block;font-size:14px;margin-top:6px}.learn-outcome h2{font-size:24px}.learn-outcome p{font-size:16px}.learn-outcome details p{font-size:14px}[data-learn-manual]{margin:24px 0}[data-learn-manual]>summary{font-size:18px;font-weight:600}.learn-evidence-gates{display:grid;gap:10px}.learn-evidence-gates article{padding:12px;border:1px solid var(--line);border-radius:8px}

.learn-node .learn-active{display:inline-block;width:fit-content;border:1px solid var(--blue);border-radius:999px;padding:3px 9px;background:var(--soft);color:var(--ink);font-size:12px;font-weight:700;letter-spacing:.04em}