@property --pw-fade-start{syntax:"<length>";inherits:false;initial-value:0}@property --pw-fade-end{syntax:"<length>";inherits:false;initial-value:0}@layer components{.pw{--pw-red:#e8432e;--pw-red-deep:#b8331f;--pw-ink:#1d2433;border:1px solid var(--line);background-color:var(--surface);color:var(--foreground);margin-block:2rem;line-height:1.5;container-type:inline-size}.post-wide .pw{inline-size:calc(100cqi - 2 * var(--rail-pad));max-inline-size:none}.pw [hidden=until-found]{content-visibility:hidden}@supports not (content-visibility:hidden){.pw [hidden=until-found]{display:none}}.article-body .pw :is(h2,h3){text-wrap:pretty;border-block-start:0;margin-block-start:0;padding-block-start:0;font-weight:400;line-height:1.35}.article-body .pw :is(h2,h3)+*{margin-block-start:0}.article-body .pw :is(ul,ol,dl,dd){margin:0;padding-inline-start:0;list-style:none}.article-body .pw li{margin-block:0}.pw :is(.pw-tab,.pw-panel):focus-visible{outline:2px solid var(--primary);outline-offset:2px}.pw .pw-tab:focus-visible{outline-offset:-2px}.pw-bar,.pw-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.625rem 1.25rem;padding:.75rem 1rem;display:flex}.pw-sum,.pw-note,.pw-key{color:var(--muted-foreground);font-size:var(--text-sm);line-height:var(--text-sm--line-height)}.pw-note{border-block-start:1px solid var(--line);padding:.75rem 1rem}.pw-stage{border-block-start:1px solid var(--line);grid-template-columns:minmax(0,1fr);justify-items:center;gap:.875rem;padding:1.25rem 1rem;display:grid}.pw-fig{forced-color-adjust:none;block-size:auto;inline-size:min(100%,46rem,max(20rem,84svh))}.pw-line{min-block-size:3.5rem;max-inline-size:44rem;color:var(--heading);font-size:var(--text-lg);text-align:center;text-wrap:balance;line-height:1.45}.article-body .pw .pw-key{flex-wrap:wrap;justify-content:center;gap:.375rem 1.5rem;display:flex;& li{align-items:center;gap:.5rem;display:flex}}.pw-mark{box-sizing:border-box;border:1px solid var(--muted-foreground);flex:none;block-size:.875rem;inline-size:.875rem;&.is-learner{border:.4375rem solid var(--pw-red)}}.pw-fig [data-part]{cursor:pointer}.pw-cell{stroke-width:1px;&.is-learner{fill:var(--pw-red);stroke:var(--pw-red-deep)}&.is-other{fill:#f6f7f9;stroke:#8d96a6}}.pw-code{fill:#3a4150;font-variant-numeric:tabular-nums;pointer-events:none;font-size:8px;font-weight:500;&.is-learner{fill:#fff;font-weight:650}}.pw-sector{stroke-width:1.5px}.pw-blue{fill:#dbe9f8;stroke:#1f77c9}.pw-yellow{fill:#fdf6c3;stroke:#e9b93a}.pw-label{fill:#2b2f36;pointer-events:none;font-size:12.5px;font-weight:500}.pw-arrow{stroke-width:2px;stroke-linejoin:round}.pw-school{fill:#b8d3ee;stroke:#1f77c9}.pw-people{fill:#ffe92e;stroke:#f0a81e}.pw-word{fill:#14171c;pointer-events:none;font-size:15.5px;font-weight:650}.pw-core{fill:var(--pw-red);stroke:var(--pw-red-deep);stroke-width:3px;transform-box:fill-box;transform-origin:50%}.pw-core-text{fill:#fff;letter-spacing:.01em;pointer-events:none;font-size:11.5px;font-weight:650}.pw-current{fill:none;stroke:var(--pw-ink);stroke-width:3px;stroke-linejoin:round;pointer-events:none}.pw-fig[data-lit] :is(.pw-sector,.pw-arrow,.pw-label,.pw-word,.pw-cell,.pw-code){opacity:.28}.pw-fig[data-lit=d1] :is([data-sector="1"],[data-label="1"],[data-cell="1"],[data-code="1"]),.pw-fig[data-lit=d2] :is([data-sector="2"],[data-label="2"],[data-cell="2"],[data-code="2"]),.pw-fig[data-lit=d3] :is([data-sector="3"],[data-label="3"],[data-cell="3"],[data-code="3"]),.pw-fig[data-lit=d4] :is([data-sector="4"],[data-label="4"],[data-cell="4"],[data-code="4"]),.pw-fig[data-lit=d5] :is([data-sector="5"],[data-label="5"],[data-cell="5"],[data-code="5"]),.pw-fig[data-lit=school] :is(.pw-school,[data-word=school]),.pw-fig[data-lit=people] :is(.pw-people,[data-word=people]),.pw-fig[data-lit=learners] :is(.pw-cell.is-learner,.pw-code.is-learner),.pw-fig[data-lit=all] :is(.pw-sector,.pw-arrow,.pw-label,.pw-word,.pw-cell,.pw-code){opacity:1}.pw-fig[data-lit=school] .pw-school,.pw-fig[data-lit=people] .pw-people,.pw-fig[data-lit=learners] .pw-core{stroke:var(--pw-ink);stroke-width:3px}@container (width<=34rem){.pw-stage{padding-inline:0}.pw-stage>:not(.pw-fig){padding-inline:1rem}.pw-codes{display:none}}.pw-tabs{--fade:2.5rem;border-block-start:1px solid var(--line);scroll-padding-inline:var(--fade);scrollbar-width:none;mask:linear-gradient(black, black) no-clip subtract, linear-gradient(to right, black, transparent) 0 0 / var(--pw-fade-start) 100% no-repeat no-clip, linear-gradient(to right, transparent, black) 100% 0 / var(--pw-fade-end) 100% no-repeat no-clip;gap:.375rem;padding:.75rem 1rem;display:flex;overflow-x:auto;&.more-start{--pw-fade-start:var(--fade)}&.more-end{--pw-fade-end:var(--fade)}}@supports (animation-timeline:scroll()){.pw-tabs{animation-name:pw-fade-start,pw-fade-end;animation-duration:0s,0s;animation-timing-function:linear,linear;animation-iteration-count:1,1;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:0s,0s;animation-fill-mode:both,both;animation-timeline:scroll(self inline);animation-range:0 var(--fade), calc(100% - var(--fade)) 100%}}@keyframes pw-fade-start{to{--pw-fade-start:var(--fade)}}@keyframes pw-fade-end{0%{--pw-fade-end:var(--fade)}}.pw-tab{border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--background);min-block-size:2.75rem;max-inline-size:min(18rem,80cqi);color:var(--heading);font-size:var(--text-sm);text-align:start;cursor:pointer;flex:none;padding:.375rem .75rem;position:relative;&[aria-selected=true]{border-color:var(--primary);background-color:var(--wash);color:var(--primary)}&[aria-selected=true]:after{border-block-end:2px solid var(--primary);content:"";position:absolute;inset:auto 0 0}}.pw-panel-in{overflow-wrap:break-word;grid-template-columns:minmax(0,1fr);gap:1rem;padding:.5rem 1rem 1.25rem;display:grid}.pw .pw-title{color:var(--heading);font-size:var(--text-xl);letter-spacing:-.012em;grid-template-columns:minmax(0,1fr);gap:.125rem;display:grid}.pw-cols{grid-template-columns:minmax(0,1fr);align-items:start;gap:1.25rem 2rem;display:grid}@container (width>=56rem){.pw-cols:has(.pw-lists){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.pw-says{gap:.875rem;display:grid;& dt{color:var(--heading);font-size:var(--text-sm);font-weight:500}& dd{font-size:var(--text-base);line-height:1.6}}.pw-cite{color:var(--muted-foreground);font-size:var(--text-xs);line-height:var(--text-xs--line-height);margin-block-start:.125rem;display:block}.pw-lists{grid-template-columns:minmax(0,1fr);gap:.625rem;display:grid}.pw .pw-list-title{color:var(--heading);font-size:var(--text-base);font-weight:500}.pw-list+.pw-list-title{margin-block-start:.625rem}.article-body .pw .pw-list{grid-template-columns:minmax(0,1fr);gap:.5rem;display:grid;& li{border:1px solid var(--line);border-inline-start:4px solid var(--pw-red);background-color:var(--background);grid-template-columns:minmax(0,1fr);gap:.125rem .625rem;padding:.625rem .75rem;display:grid}& li.has-code{grid-template-columns:2rem minmax(0,1fr)}}.article-body .pw .pw-list-plain li{border-inline-start:1px solid var(--line);padding-block:.375rem}.pw-list-code{color:var(--muted-foreground);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.pw-list-name{color:var(--heading);font-size:var(--text-sm);font-weight:500}.pw-list-text{font-size:var(--text-sm);grid-column:1/-1;line-height:1.55}.pw-stage-tag{color:var(--muted-foreground);font-size:var(--text-xs)}.pw-foot{border-block-start:1px solid var(--line)}.pw-move{flex-wrap:wrap;gap:.5rem;display:flex}.pw .btn[aria-disabled=true]{opacity:.45;cursor:default}@media (prefers-reduced-motion:no-preference){.pw-fig :is(.pw-sector,.pw-arrow,.pw-core,.pw-label,.pw-word,.pw-core-text,.pw-cell,.pw-code){transition:opacity .35s cubic-bezier(.4,0,.2,1),fill .15s cubic-bezier(.4,0,.2,1)}.pw-tab{transition:background-color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1)}.pw[data-moved] .pw-fig[data-lit=school] .pw-school,.pw[data-moved] .pw-fig[data-lit=people] .pw-people{transform-origin:200px 200px;animation:1.4s cubic-bezier(.4,0,.2,1) pw-nudge}.pw[data-moved] .pw-fig[data-lit=learners] .pw-core{animation:.9s cubic-bezier(.4,0,.2,1) 2 pw-beat}.pw[data-moved] .pw-fig[data-lit=all] :is(.pw-school,.pw-people){transform-origin:200px 200px;animation:2.4s cubic-bezier(.4,0,.2,1) pw-turn}}@keyframes pw-nudge{50%{rotate:14deg}}@keyframes pw-turn{to{rotate:360deg}}@keyframes pw-beat{50%{scale:1.08}}@media (hover:hover) and (pointer:fine){.pw-tab:hover{border-color:var(--primary)}.pw-blue:hover{fill:#c9e0f7}.pw-yellow:hover{fill:#fcef9f}.pw-school:hover{fill:#a5c7ea}.pw-people:hover{fill:#ffe100}}@media (forced-colors:active){.pw-tab[aria-selected=true]{border-color:highlight}.pw-tab[aria-selected=true]:after{border-block-end-color:highlight}}@media (scripting:none){.pw .pw-panel[hidden]{content-visibility:visible;display:block}.pw-panel+.pw-panel{border-block-start:1px solid var(--line)}.pw :is([data-play],.pw-tabs,.pw-foot,.pw-line,.pw-current){display:none}.pw-fig [data-part]{cursor:auto}}}
