/* Structured article illustrations, example data and opt-in workflow motion. */
.editorial-media{margin:2.5rem 0;padding:1.4rem;border:1px solid var(--line,#d9dfe8);border-top:4px solid var(--blue,#254bdb);background:#f7f9fd;overflow-wrap:anywhere;min-width:0}
.editorial-media h3{font-family:var(--serif,Georgia,serif);margin:.5rem 0;color:#122444}
.editorial-media p{margin:.7rem 0}
.editorial-image{padding:0;background:#fff}
.editorial-image img{display:block;width:100%;height:auto}
.editorial-image figcaption{padding:1rem 1.4rem}
.editorial-provenance{display:block;font: .78rem/1.6 var(--sans,sans-serif);color:#4d5c73;margin-top:1rem}
.editorial-media-label{display:inline-block;background:#fff08a;color:#122444;padding:.2rem .5rem;font:.72rem/1.5 var(--sans,sans-serif);font-weight:700;letter-spacing:.02em}
.editorial-chart table{border-collapse:collapse;width:100%;font-size:.85rem;table-layout:fixed}
.editorial-chart caption{text-align:left;font-size:.75rem;color:#4d5c73;padding-bottom:.5rem}
.editorial-chart th,.editorial-chart td{text-align:left;padding:.35rem;border-bottom:1px solid var(--line,#d9dfe8);overflow-wrap:anywhere}
.editorial-chart td:nth-child(2),.editorial-chart thead th:nth-child(2){text-align:right;font-variant-numeric:tabular-nums;width:25%}
.editorial-chart-bars{display:block;width:100%;height:28px;fill:var(--blue,#254bdb)}
.editorial-motion-player{margin:1.2rem 0;border-block:1px solid var(--line,#d9dfe8);padding:.8rem 0}
.editorial-motion-player summary{font-weight:700;cursor:pointer;color:#122444}
.editorial-motion-player summary span{font-weight:400;font-size:.8rem}
.editorial-motion-player summary:focus-visible{outline:3px solid var(--blue,#254bdb);outline-offset:4px}
.editorial-motion-track{display:flex;flex-wrap:wrap;gap:.7rem;padding:1.2rem 0}
.editorial-motion-node{display:flex;align-items:center;gap:.5rem;border:1px solid #bac7e3;padding:.6rem;background:white;color:#122444;font-size:.8rem;flex:1 1 130px}
.editorial-motion-node b{display:grid;place-items:center;min-width:1.6rem;height:1.6rem;background:#122444;color:#fff08a}
.editorial-motion-player[open] .editorial-motion-node{animation:editorial-step-reveal .65s ease-out both}
.editorial-motion-node:nth-child(2){animation-delay:.12s!important}.editorial-motion-node:nth-child(3){animation-delay:.24s!important}.editorial-motion-node:nth-child(4){animation-delay:.36s!important}.editorial-motion-node:nth-child(5){animation-delay:.48s!important}.editorial-motion-node:nth-child(6){animation-delay:.60s!important}.editorial-motion-node:nth-child(7){animation-delay:.72s!important}.editorial-motion-node:nth-child(8){animation-delay:.84s!important}
.editorial-motion-hint{font-size:.75rem;color:#4d5c73}
.editorial-motion-steps{padding-left:1.5rem}
.editorial-motion-steps li{padding-left:.3rem}
.editorial-motion-steps li::marker{color:var(--blue,#254bdb);font-weight:700}
.editorial-motion-steps p{margin:.2rem 0 1rem;font-size:.9rem}
@keyframes editorial-step-reveal{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:480px){.editorial-media{margin:1.5rem 0;padding:1rem}.editorial-image{padding:0}.editorial-chart th,.editorial-chart td{padding:.3rem .2rem;font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.editorial-motion-player[open] .editorial-motion-node{animation:none!important;opacity:1;transform:none}}
.skill-preview,.heldout-case{border:1px solid #c8d3e6;padding:1rem;margin:1rem 0;background:#f7f9fd}.skill-preview summary,.heldout-case summary{cursor:pointer;font-weight:700}.skill-preview pre,.heldout-case pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.82rem;line-height:1.7;padding:1rem;background:#fff;border-left:3px solid #2454ff}.heldout-case h4{margin-bottom:.4rem}
/* Level-based learning path and article illustrations. */
.learning-path{list-style:none;padding:0!important;margin:2rem 0!important;display:grid;gap:0}.learning-path>li{display:grid;grid-template-columns:2.4rem minmax(0,1fr);gap:1rem;padding:1.4rem 0;border-top:1px solid #c8d3e6}.learning-path-number{display:grid;place-items:center;align-self:start;width:2rem;height:2rem;background:#122444;color:#fff08a;font-weight:700}.learning-path h3{margin:.35rem 0;font-size:1.35rem;line-height:1.25}.learning-path p{margin:.5rem 0}.learning-path-back{margin-bottom:1rem}.article-hero-illustration{margin:0;align-self:center;min-width:0}.article-hero-illustration img{display:block;width:100%;height:auto;border:1px solid #dbe2ec}.article-hero-illustration figcaption{font-size:.73rem;line-height:1.5;color:#56657b;margin-top:.6rem}.article-hero-illustration .editorial-provenance{font-size:.68rem;margin-top:.25rem}.editorial-diagram img{display:block;width:100%;height:auto}.editorial-diagram figcaption{font-size:.8rem;line-height:1.6;margin-top:.7rem}.example-narrative p{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:600px){.learning-path>li{gap:.65rem;grid-template-columns:2rem minmax(0,1fr)}.learning-path h3{font-size:1.2rem}.article-hero-illustration figcaption{font-size:.75rem}}
/* API endpoints and command arguments must wrap within narrow article columns. */
.prose .steps p,.prose .sources p{overflow-wrap:anywhere;word-break:normal}