.pd{--pd-panel:#fff;--pd-band:#f1f3f6;--pd-line:#d9dee6;--pd-ink:#17202c;--pd-muted:#667085;--pd-blue:#36597c;--pd-blue-soft:#e6edf5;--pd-amber:#b8742a;--pd-amber-soft:#f7ecdf;--pd-track-a:#c9d6e4;--pd-track-b:#b3c5d8}.pd-col{max-width:46rem;margin-inline:auto;padding-inline:1.25rem}@media (min-width:768px){.pd-col{padding-inline:1.5rem}}.pd-col.post-body+.pd-col.post-body,.pd-band+.pd-col,.pd-side+.pd-col{margin-top:2.5rem}.pd .post-body h2{margin-top:3em}.pd .post-body>h2:first-child{margin-top:0}.pd-clip{font-family:var(--font-sans);background:var(--pd-panel);border:1px solid var(--border);border-radius:.875rem;align-items:center;gap:.9rem;padding:.75rem 1rem .75rem .75rem;display:flex}.pd-playbtn{background:var(--foreground);width:2.5rem;height:2.5rem;color:var(--background);cursor:pointer;border-radius:999px;flex:none;place-items:center;transition:transform .15s;display:grid}.pd-playbtn:hover{transform:scale(1.06)}.pd-clip-label{flex-wrap:wrap;align-items:baseline;column-gap:.5rem;font-size:.9375rem;font-weight:500;line-height:1.3;display:flex}.pd-clip-note{white-space:nowrap;color:var(--muted-foreground);font-size:.8125rem;font-weight:400}.pd-track{background:var(--border);border-radius:999px;height:4px;margin-top:.55rem;overflow:hidden}.pd-track-fill{background:var(--foreground);transform-origin:0;height:100%;transform:scaleX(0)}.pd-clips{gap:.6rem;display:grid}.pd .post-body :is(.pd-clip,.pd-clips,.pd-table-wrap,.pd-figure,.pd-snippet,blockquote,img)+p,.pd .post-body p+:is(.pd-clip,.pd-clips,.pd-table-wrap,.pd-figure,.pd-snippet){margin-top:1.6em}.pd .post-body blockquote+:is(.pd-clip,.pd-clips){margin-top:0}.pd-table-wrap{overflow-x:auto}.pd-table{border-collapse:collapse;width:100%;font-family:var(--font-sans);font-variant-numeric:tabular-nums;font-size:.9375rem}.pd-table th,.pd-table td{text-align:right;border-bottom:1px solid var(--border);padding:.7rem .75rem}.pd-table th:first-child{text-align:left;padding-left:0}.pd-table td:last-child,.pd-table th:last-child{padding-right:0}.pd-table thead th{color:var(--muted-foreground);border-bottom-color:var(--foreground);font-size:.8125rem;font-weight:500}.pd-table tbody th{color:var(--foreground);font-weight:400}.pd-table td{color:var(--muted-foreground)}.pd-table .pd-table-us{color:var(--foreground);font-weight:600}.pd-figure-scroll{overflow-x:auto}.pd-figure svg{width:100%;min-width:620px;height:auto;font-family:var(--font-sans);display:block}.pd-box{fill:#fff;stroke:#3a4556;stroke-width:1.3px}.pd-box-teacher{fill:#f3f4f6}.pd-box-text{fill:var(--pd-blue-soft);stroke:var(--pd-blue)}.pd-box-dec{fill:var(--pd-amber-soft);stroke:var(--pd-amber)}.pd-box-t{fill:#1a2230;font-size:15.5px;font-weight:600}.pd-box-s{fill:#5b6676;font-size:12.5px}.pd-box-h{fill:#5b6676;letter-spacing:.02em;font-size:13px;font-weight:600}.pd-wire{stroke:#3a4556;stroke-width:1.5px;fill:none}.pd-wire-text{stroke:var(--pd-blue);stroke-dasharray:5 5}.pd-wire-dec{stroke:var(--pd-amber);stroke-dasharray:5 5}.pd-fill-text{fill:var(--pd-blue)}.pd-fill-dec{fill:var(--pd-amber)}.pd .post-body img.pd-diagram{border:1px solid var(--border);background:#fff}.pd-snippet{position:relative}.pd-snippet button{border:1px solid var(--border);background:var(--pd-panel);width:2rem;height:2rem;color:var(--muted-foreground);cursor:pointer;border-radius:.5rem;place-items:center;display:grid;position:absolute;top:.6rem;right:.6rem}.pd-snippet button:hover{color:var(--foreground)}.pd-snippet pre{padding-right:3.25rem}.pd-controls{min-height:36px;font-family:var(--font-sans);color:var(--pd-muted);align-items:center;gap:.75rem;font-size:.875rem;line-height:1.35;display:flex}.pd-pill{font:500 .875rem var(--font-sans);border:1.5px solid var(--pd-amber);color:var(--pd-amber);cursor:pointer;border-radius:999px;flex:none;padding:.35rem .9rem;transition:background .2s}.pd-pill:hover{background:var(--pd-amber-soft)}.pd-band{background:var(--pd-band);border-block:1px solid var(--pd-line);margin-block:5rem;padding-inline:1rem}.pd-scrolly{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;max-width:1120px;margin-inline:auto;display:grid}.pd-steps{font-family:var(--font-serif);color:var(--pd-ink);flex-direction:column;gap:55vh;padding-block:30vh 40vh;font-size:1.125rem;line-height:1.6;display:flex}.pd-step{opacity:.35;max-width:420px;transition:opacity .3s}.pd-step.pd-active{opacity:1}.pd-kicker{font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--pd-muted);font-size:.8125rem;font-weight:600}.pd-step[data-part=text] .pd-kicker{color:var(--pd-blue)}.pd-step[data-part=dec] .pd-kicker{color:var(--pd-amber)}.pd-step h3{text-wrap:balance;margin:4px 0 10px;font-size:1.5rem;font-weight:600;line-height:1.25}.pd-step p{margin:0 0 12px}.pd-stage{background:var(--pd-panel);border:1px solid var(--pd-line);border-radius:14px;flex-direction:column;gap:12px;padding:18px 18px 14px;display:flex;position:sticky;top:max(16px,50vh - 245px);box-shadow:0 1px 2px #1018280a,0 12px 32px -12px #1018281f}.pd-stage-wrap{padding-block:8vh}.pd-pipe{font-family:var(--font-sans);align-items:center;gap:6px;display:flex}.pd-node{border:1.5px solid var(--pd-line);text-align:center;background:var(--pd-panel);min-width:0;color:var(--pd-muted);cursor:pointer;border-radius:8px;flex:1 1 0;padding:6px 4px;transition:background .3s,color .3s,border-color .3s}.pd-node b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;display:block;overflow:hidden}.pd-node small{white-space:nowrap;font-size:11px;display:block}.pd-node.pd-wide{flex-grow:1.4}.pd-arrow{color:#b6bdc8;flex:none;font-size:14px}.pd-node.pd-on-in{background:var(--pd-ink);border-color:var(--pd-ink);color:#fff}.pd-node.pd-on-text{background:var(--pd-blue);border-color:var(--pd-blue);color:#fff}.pd-node.pd-on-dec{background:var(--pd-amber);border-color:var(--pd-amber);color:#fff}.pd-viz{aspect-ratio:800/440;position:relative}.pd-viz svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pd-layer{transition:opacity .5s}.pd-hide{opacity:0;pointer-events:none}.pd-axis text,.pd-lbl{font-family:var(--font-sans);fill:var(--pd-muted);font-size:12px}.pd-axis line,.pd-grid{stroke:var(--pd-line)}.pd-lbl.pd-strong{fill:var(--pd-ink)}.pd-lbl.pd-white{fill:#fff}.pd-sentence{font-family:var(--font-serif);fill:var(--pd-ink)}.pd-sentence.pd-dim{fill:var(--pd-muted)}.pd-ph{fill:var(--pd-ink);font-family:Noto Sans,Segoe UI,Helvetica Neue,sans-serif}.pd-chip{opacity:0;transition:opacity .3s,transform .3s;transform:translateY(8px)}.pd-chip.pd-in{opacity:1;transform:none}.pd-chip rect{fill:var(--pd-panel);stroke:var(--pd-line)}.pd-bar{fill:var(--pd-blue);transform-box:fill-box;transform-origin:bottom;transition:transform .6s cubic-bezier(.2,.7,.2,1);transform:scaleY(0)}.pd-bar.pd-in{transform:scaleY(1)}.pd-pitch{fill:none;stroke:var(--pd-blue);stroke-width:2.5px;stroke-linejoin:round;transition:stroke-dashoffset 1.6s}.pd-loud{fill:var(--pd-blue);opacity:.28}.pd-head{stroke:var(--pd-amber);stroke-width:2px}.pd-steps-long{gap:55vh}.pd-steps-long .pd-step{max-width:440px}.pd-step .pd-clip{margin:14px 0 16px}.pd-spec{font-family:var(--font-sans);color:var(--pd-muted);margin:4px 0 22px 44px;font-size:12px;position:relative}.pd-spec-title{white-space:nowrap;text-overflow:ellipsis;height:18px;color:var(--pd-ink);margin-bottom:8px;font-size:12px;line-height:18px;overflow:hidden}.pd-spec-y{pointer-events:none;position:absolute;inset:26px 0 0}.pd-spec-frame{aspect-ratio:16/9;background:#000;border-radius:6px;position:relative;overflow:hidden}.pd-spec-frame img{object-fit:fill;opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.pd-spec-frame img.pd-show{opacity:1}.pd-spec-band{text-align:center;opacity:0;background:#ffffff29;border:1.5px solid #ffffffe6;border-bottom:none;border-radius:6px 6px 0 0;place-items:center;padding:0 12px;transition:opacity .5s;display:grid;position:absolute;inset:0 0 25%}.pd-spec-band.pd-show{opacity:1}.pd-spec-band span{color:#fff;background:#0009;border-radius:6px;padding:4px 10px;font-size:12.5px;font-weight:500}.pd-spec-title span{color:var(--pd-muted)}.pd-zoom{background:var(--pd-band);border:1px solid var(--pd-line);border-radius:999px;gap:2px;margin-left:auto;padding:3px;display:inline-flex}.pd-zoom button{color:var(--pd-muted);cursor:pointer;border-radius:999px;padding:.25rem .75rem;font-size:.8125rem;transition:background .2s,color .2s}.pd-zoom button[aria-pressed=true]{background:var(--pd-panel);color:var(--pd-ink);font-weight:500;box-shadow:0 1px 2px #0000001f}.pd-spec-line{border-top:1px dashed #ffffffd9;position:absolute;bottom:25%;left:0;right:0}.pd-spec-line span{color:#fff;font-size:11.5px;position:absolute;bottom:5px;right:8px}.pd-spec-head{opacity:0;background:#fff;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;box-shadow:0 0 6px #ffffffb3}.pd-spec-y span{text-align:right;width:38px;line-height:1;position:absolute;left:-44px;transform:translateY(-50%)}.pd-spec-x{height:0;position:relative}.pd-spec-x span{position:absolute;top:6px;transform:translate(-50%)}.pd-spec-x span:first-child{transform:none}@media (max-width:860px){.pd-scrolly{grid-template-columns:minmax(0,1fr);gap:0}.pd-arrow{display:none}.pd-pipe{gap:4px}.pd-node{padding:5px 2px}.pd-node small{display:none}.pd-node b{font-size:11px}.pd-stage-wrap{z-index:2;background:var(--pd-band);order:-1;padding-block:8px 0;position:sticky;top:0}.pd-stage{gap:8px;padding:12px 12px 8px;position:relative;top:0}.pd-stage .pd-controls{min-height:32px}.pd-steps{gap:40vh;padding-block:6vh 30vh}.pd-step{opacity:1;background:var(--pd-panel);border:1px solid var(--pd-line);border-radius:10px;max-width:none;padding:14px 16px}}@media (prefers-reduced-motion:reduce){.pd-layer,.pd-bar,.pd-pitch,.pd-step,.pd-node,.pd-chip,.pd-spec-frame img,.pd-spec-band{transition:none!important}}