/* Original teaching flow; native details works without JavaScript. */
.worked-example{padding:24px;margin:28px 0;border:1px solid var(--border-strong);border-radius:20px;background:var(--card);color:var(--text);overflow-wrap:anywhere}
.worked-example__eyebrow{font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.worked-example h2{margin:8px 0 14px}.worked-example p{line-height:1.65}
.worked-example summary{cursor:pointer;padding:14px 8px;font-weight:700;min-height:48px}
.worked-example summary:focus-visible,.worked-example a:focus-visible{outline:3px solid var(--brand);outline-offset:3px}
.worked-example__flow{padding:0;margin:20px 0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.worked-example__flow li{min-width:0;padding:18px;border:1px solid var(--border-strong);border-radius:14px}
.worked-example__flow li>span{display:grid;place-items:center;width:32px;height:32px;border:2px solid currentColor;border-radius:50%;font-weight:700}
.worked-example__flow p{margin:12px 0 0}.worked-example__answer{font-weight:600}
.worked-example__note{font-size:.875rem;color:var(--muted);margin-bottom:0}
@media(max-width:600px){.worked-example{padding:18px}.worked-example__flow{grid-template-columns:1fr}}