@property --px-fade-start{syntax:"<length>";inherits:false;initial-value:0}@property --px-fade-end{syntax:"<length>";inherits:false;initial-value:0}@layer components{.px{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 .px{inline-size:calc(100cqi - 2 * var(--rail-pad));max-inline-size:none}.px .is-off{display:none}.px [hidden=until-found]{content-visibility:hidden}@supports not (content-visibility:hidden){.px [hidden=until-found]{display:none}}.article-body .px :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 .px :is(h2,h3)+*{margin-block-start:0}.article-body .px :is(ul,ol){margin:0;padding-inline-start:0;list-style:none}.px-stages-key summary::marker{color:var(--primary)}.px :is(.px-chip,.px-domain-tab,.px-strand-tab,.px-option,.px-strand,.px-question,.px-score):focus-visible{outline:2px solid var(--primary);outline-offset:2px}.px :is(.px-domain-tab,.px-strand-tab):focus-visible{outline-offset:-2px}.px :is(.px-chip,.px-domain-tab,.px-strand-tab,.px-option){position:relative}.px :is(.px-chip,.px-strand-tab,.px-option)[aria-pressed=true]:after,.px .px-strand-tab[aria-selected=true]:after{border-block-end:2px solid var(--primary);content:"";position:absolute;inset:auto 0 0}.px-bar,.px-tools,.px-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.625rem 1.25rem;padding:.75rem 1rem;display:flex}.px-sum,.px-note,.px-filter-label{color:var(--muted-foreground);font-size:var(--text-sm);line-height:var(--text-sm--line-height)}.px-filter{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}.px-chip{border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--background);min-block-size:2.75rem;min-inline-size:2.75rem;color:var(--muted-foreground);font-size:var(--text-base);font-variant-numeric:tabular-nums;cursor:pointer;&[aria-pressed=true]{border-color:var(--primary);background-color:var(--wash);color:var(--primary);font-weight:500}&[aria-disabled=true]{cursor:default}}.px-stages-key{border-block-start:1px solid var(--line);font-size:var(--text-sm);padding-inline:1rem;& summary{min-block-size:2.75rem;color:var(--heading);cursor:pointer;align-content:center}& dl{gap:.5rem;padding-block-end:.875rem;display:grid}& dt{color:var(--heading);font-weight:500}}.px-frame{border-block-start:1px solid var(--line);justify-items:center;gap:1rem;padding:1rem;display:grid}.pf{forced-color-adjust:none;block-size:auto;inline-size:min(100%,26rem)}.px-frame-text{justify-items:start;gap:.625rem;max-inline-size:28rem;display:grid}.px-frame-line{font-size:var(--text-sm);line-height:var(--text-sm--line-height)}.px-frame-step{min-block-size:3rem;color:var(--heading);font-size:var(--text-base);font-weight:500}.pf-sector{stroke-width:1.5px;cursor:pointer}.pf-blue{fill:#dbe9f8;stroke:#1f77c9}.pf-yellow{fill:#fdf6c3;stroke:#e9b93a}.pf-label{fill:#2b2f36;pointer-events:none;font-size:12.5px;font-weight:500}.pf-arrow{stroke-width:2px;stroke-linejoin:round}.pf-school{fill:#b8d3ee;stroke:#1f77c9}.pf-people{fill:#ffe92e;stroke:#f0a81e}.pf-word{fill:#14171c;pointer-events:none;font-size:15.5px;font-weight:650}.pf-core{fill:#e8432e;stroke:#b8331f;stroke-width:3px;transform-box:fill-box;transform-origin:50%}.pf-core-text{fill:#fff;letter-spacing:.01em;pointer-events:none;font-size:11.5px;font-weight:650}.pf-blue.is-current{fill:#bcd8f6}.pf-yellow.is-current{fill:#fbe88a}.pf-current{fill:none;stroke:#1d2433;stroke-width:3px;stroke-linejoin:round;pointer-events:none}.pf[data-lit] .pf-current{opacity:0}.pf[data-lit] :is(.pf-sector,.pf-arrow,.pf-core,.pf-label,.pf-word,.pf-core-text){opacity:.3}.pf[data-lit=d1] :is([data-sector="1"],[data-label="1"]),.pf[data-lit=d2] :is([data-sector="2"],[data-label="2"]),.pf[data-lit=d3] :is([data-sector="3"],[data-label="3"]),.pf[data-lit=d4] :is([data-sector="4"],[data-label="4"]),.pf[data-lit=d5] :is([data-sector="5"],[data-label="5"]),.pf[data-lit=school] :is(.pf-school,[data-word=school]),.pf[data-lit=people] :is(.pf-people,[data-word=people]),.pf[data-lit=core] :is(.pf-core,.pf-core-text),.pf[data-lit=all] :is(.pf-sector,.pf-arrow,.pf-core,.pf-label,.pf-word,.pf-core-text){opacity:1}@container (width>=44rem){.px-frame{grid-template-columns:26rem minmax(0,1fr);place-items:center start;gap:2rem}}@media (prefers-reduced-motion:no-preference){.pf :is(.pf-sector,.pf-arrow,.pf-core,.pf-label,.pf-word,.pf-core-text,.pf-current){transition:opacity .35s cubic-bezier(.4,0,.2,1),fill .15s cubic-bezier(.4,0,.2,1)}.pf[data-lit=school] .pf-school,.pf[data-lit=people] .pf-people{transform-origin:200px 200px;animation:1.4s cubic-bezier(.4,0,.2,1) pf-nudge}.pf[data-lit=core] .pf-core{animation:.9s cubic-bezier(.4,0,.2,1) 2 pf-beat}.pf[data-lit=all] :is(.pf-school,.pf-people){transform-origin:200px 200px;animation:2.4s cubic-bezier(.4,0,.2,1) pf-turn}}@keyframes pf-nudge{50%{rotate:14deg}}@keyframes pf-turn{to{rotate:360deg}}@keyframes pf-beat{50%{scale:1.08}}.px-domains{border-block:1px solid var(--line);background-color:var(--line);flex-wrap:wrap;gap:1px;display:flex}.px-domain-tab{background-color:var(--surface);text-align:start;cursor:pointer;border:0;flex:11rem;align-content:start;gap:.125rem;padding:.875rem 1rem;display:grid;&[aria-selected=true]{background-image:linear-gradient(var(--wash), var(--wash))}&[aria-selected=true]:after{border-block-start:3px solid var(--primary);content:"";position:absolute;inset:0 0 auto}}.px-num{color:var(--primary);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.875rem;line-height:1.1}.px-domain-name{color:var(--heading);font-size:var(--text-sm);font-weight:500}.px-meta,.px-step-code,.px-count{color:var(--muted-foreground);font-size:var(--text-xs);line-height:var(--text-xs--line-height)}.px-domain-in{overflow-wrap:break-word;grid-template-columns:minmax(0,1fr);gap:1rem;padding:1rem;display:grid}.px .px-domain-title,.px .px-strand-title{color:var(--heading);letter-spacing:-.012em;grid-template-columns:minmax(0,1fr);gap:.125rem;display:grid}.px .px-domain-title{font-size:var(--text-xl)}.px .px-strand-title{font-size:var(--text-lg);font-weight:500}.px-strands{--fade:2.5rem;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(--px-fade-start) 100% no-repeat no-clip, linear-gradient(to right, transparent, black) 100% 0 / var(--px-fade-end) 100% no-repeat no-clip;gap:.375rem;display:flex;overflow-x:auto;&.more-start{--px-fade-start:var(--fade)}&.more-end{--px-fade-end:var(--fade)}}@supports (animation-timeline:scroll()){.px-strands{animation-name:px-fade-start,px-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 px-fade-start{to{--px-fade-start:var(--fade)}}@keyframes px-fade-end{0%{--px-fade-end:var(--fade)}}.px-strand-tab{border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--background);min-block-size:2.75rem;color:var(--heading);font-size:var(--text-sm);text-align:start;cursor:pointer;flex:none;align-items:center;gap:.5rem;max-inline-size:min(18rem,80cqi);padding:.375rem .625rem;display:flex;&[aria-selected=true]{border-color:var(--primary);background-color:var(--wash);color:var(--primary)}}.px-strand-code{color:var(--muted-foreground);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.px-strand-tab[aria-selected=true] .px-strand-code{color:inherit}.px-seen{border:1px solid var(--muted-foreground);border-radius:50%;flex:none;block-size:.5rem;inline-size:.5rem;margin-inline-start:auto}.px-strand-tab.is-seen .px-seen{border:.25rem solid var(--primary)}.px-strand{overflow-wrap:break-word;grid-template-columns:minmax(0,1fr);gap:1rem;min-inline-size:0;display:grid}.px-steps{grid-template-columns:minmax(0,1fr);gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.px-step{--rise:color-mix(in srgb, var(--primary) calc(var(--stage) * 25%), var(--line));border:1px solid var(--line);border-inline-start:4px solid var(--rise);background-color:var(--background);grid-template-columns:minmax(0,1fr);align-content:start;gap:.375rem;padding:.75rem .875rem;display:grid;&[data-step="1"]{--stage:1}&[data-step="2"]{--stage:2}&[data-step="3"]{--stage:3}&[data-step="4"]{--stage:4}}.px-step-label{color:var(--heading);font-size:var(--text-sm);font-weight:500}.px-step-text{color:var(--foreground);font-size:var(--text-base);line-height:1.6;& mark{background-color:color-mix(in srgb, var(--primary) 16%, transparent);color:var(--heading);text-decoration:underline;text-decoration-color:var(--primary);text-underline-offset:.2em;border-radius:2px;padding-inline:.125em}}.px.no-marks mark{color:inherit;background-color:#0000;text-decoration:none}.px-move{flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding:0 1rem 1rem;display:flex}.px .btn[disabled]{opacity:.45;pointer-events:none}.px .btn[aria-pressed=true]{border-color:var(--primary);background-color:var(--wash);color:var(--primary);box-shadow:none}.px-tools,.px-foot,.px-drill{border-block-start:1px solid var(--line)}.px-tools{justify-content:flex-start}.px-drill{gap:.75rem;padding:1.25rem 1rem;display:grid;&>div{justify-items:start;gap:.75rem;display:grid}}.px-set{inline-size:100%;min-inline-size:0}.px-question{gap:.75rem;inline-size:100%;display:grid}.px .px-drill-title,.px-score{color:var(--heading);font-size:var(--text-xl);letter-spacing:-.012em}.px-quote{border-inline-start:4px solid var(--primary);background-color:var(--wash);color:var(--heading);font-size:var(--text-lg);margin:0;padding:.625rem 1rem;line-height:1.55}.px-ask{color:var(--heading);font-size:var(--text-sm);margin-block-end:.5rem;padding:0;font-weight:500}.px-options{grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.375rem;inline-size:100%;display:grid}.px-option{border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--background);min-block-size:2.75rem;color:var(--heading);font-size:var(--text-sm);text-align:start;cursor:pointer;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex;&[aria-pressed=true]{border-color:var(--primary);background-color:var(--wash)}&[disabled]{cursor:default}&.is-right{border-color:var(--success);background-color:color-mix(in srgb, var(--success) 12%, transparent)}&.is-wrong{border-color:var(--destructive);background-color:color-mix(in srgb, var(--destructive) 10%, transparent)}}.px-verdict{font-size:var(--text-xs);text-align:end;margin-inline-start:auto;font-weight:500;&:empty{display:none}}.is-right>.px-verdict{color:var(--success)}.is-wrong>.px-verdict{color:var(--destructive)}.px-option-num{color:var(--primary);font-variant-numeric:tabular-nums;font-weight:500}.px-feedback{min-block-size:1.5rem;color:var(--heading);font-size:var(--text-sm);font-weight:500}.px-review{flex-wrap:wrap;gap:.5rem;display:flex}@container (width>=40rem){.px-strands{flex-wrap:wrap;animation:none;overflow:visible;mask:none}.px-strand-tab{flex:0 auto;max-inline-size:100%}}@container (width>=56rem){.px-steps{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}.px-step{border-inline-start-width:1px;border-inline-start-color:var(--line);border-block-start:4px solid var(--rise);margin-block-start:calc((4 - var(--stage)) * 1.25rem)}.px-step-text{font-size:var(--text-sm);line-height:1.6}}@media (prefers-reduced-motion:no-preference){.px :is(.px-chip,.px-domain-tab,.px-strand-tab,.px-option){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)}}@media (hover:hover) and (pointer:fine){.px :is(.px-chip,.px-strand-tab,.px-option):not([disabled]):hover{border-color:var(--primary)}.px-domain-tab:hover{background-image:linear-gradient(var(--wash), var(--wash))}.pf-blue:hover{fill:#c9e0f7}.pf-yellow:hover{fill:#fcef9f}}@media (forced-colors:active){.px-domain-tab{border:1px solid buttonborder}.px-step-text mark{forced-color-adjust:auto;text-decoration-color:highlight}}@media (scripting:none){.px :is(.px-domain,.px-strand)[hidden]{content-visibility:visible;display:block}.px .px-strand[hidden]{display:grid}.px-strand+.px-strand{margin-block-start:1.5rem}.px :is(.px-filter,.px-domains,.px-strands,.px-move,.px-tools,.px-drill,.px-foot),.px-frame :is([data-play],[data-frame-step]),.pf-current{display:none}}}