.marketing-site:has(.pc-lesson) .mk-site-header{position:absolute}:is(.marketing-site:has(.pc-lesson) .mk-header-inner,.marketing-site:has(.pc-lesson) .mk-header-navigation){flex-wrap:wrap}.marketing-site:has(.pc-lesson) .mk-header-navigation{max-width:100%}html:has(.pc-lesson){scroll-padding-block-start:9rem}.pc-lesson,.pc-lesson .el-session,.pc-lesson .el-session>div,.pc-viewer,.pc-lesson .el-heading{min-width:0}.pc-lesson .el-heading [data-slot=badge]{white-space:normal;height:auto}.pc-toolbar .el-stages{min-width:0;max-width:100%}.pc-toolbar .el-stages ol{flex-wrap:wrap;display:flex}.pc-toolbar .el-stages li{flex:1 0 auto}.pc-toolbar .el-stage-button{justify-content:center;width:100%}.pc-toolbar .el-explanation-toggle{flex-wrap:wrap;max-width:100%;padding-inline:.25rem}.pc-lesson .el-next,.pc-practice-choices button{white-space:normal;max-width:100%;height:auto;min-height:2.75rem;padding-block:.5rem}.pc-toolbar{z-index:30;border-block-end:1px solid var(--border);background:var(--card);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-block:.5rem;display:flex;position:sticky;inset-block-start:0}.pc-learn{grid-template-columns:minmax(0,1fr);gap:1.75rem;display:grid}.pc-passage{max-width:44rem;line-height:1.65}.pc-note{color:var(--muted-foreground);font-size:var(--text-body-sm);line-height:1.55}.pc-passage p+p{margin-block-start:.75rem}.pc-viewer{grid-template-columns:minmax(0,1fr);gap:.75rem;margin:0;display:grid;container-type:inline-size}.pc-workspace{grid-template-columns:minmax(0,1fr);grid-template-areas:"explanation""model""controls";align-items:start;gap:1rem 1.5rem;min-width:0;display:grid}.pc-teaching{display:contents}.pc-explanation{grid-area:explanation;gap:.5rem;min-width:0;line-height:1.6;display:grid}.pc-controls{grid-area:controls;gap:.85rem;min-width:0;line-height:1.6;display:grid}.pc-controls[hidden]{display:none}.pc-guide-actions{gap:.75rem;display:grid}.pc-guide-actions button,.pc-controls>button{white-space:normal;justify-self:start;max-width:100%;height:auto;min-height:2.75rem;padding-block:.5rem}.pc-prediction{gap:.75rem;display:grid}.pc-moments button{white-space:normal;height:auto}.pc-marker,.pc-part-number{border:2px solid var(--card);background:var(--inverse);width:1.5rem;height:1.5rem;color:var(--inverse-foreground);font:700 .75rem/1 var(--font-mono);border-radius:50%;flex:none;place-items:center;display:inline-grid}.pc-marker{box-shadow:0 0 0 1px var(--inverse);pointer-events:none}.pc-live-tags{pointer-events:none;position:absolute;inset:0}.pc-live-tags .pc-marker{position:absolute;transform:translate(-50%,-50%)}.pc-part-number{margin-inline-end:.4rem}.pc-still-tags{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pc-still-tags circle{fill:var(--inverse);stroke:var(--card);stroke-width:2px}.pc-still-tags text{fill:var(--inverse-foreground);font:700 14px var(--font-mono)}.pc-teaching :is(h3,h4),.pc-practice h3{font-size:var(--text-body-lg);text-wrap:balance;font-weight:750;line-height:1.4}.pc-eyebrow{color:var(--muted-foreground);font-size:var(--text-caption);font-weight:600}.pc-current-explanation{min-height:5rem}.pc-moments{grid-template-columns:repeat(auto-fit,minmax(min(6rem,100%),1fr));gap:.5rem;display:grid}.pc-moments button{min-height:2.75rem;padding-inline:.5rem}.pc-moments button[aria-pressed=true]{border-color:var(--foreground);background:var(--muted);box-shadow:inset 0 -3px 0 var(--foreground)}.pc-playback{flex-wrap:wrap;gap:.75rem;display:flex}.pc-angle{font-size:var(--text-body-sm);gap:.5rem;font-weight:600;display:grid}.pc-angle input{width:100%;min-width:0;height:2rem;accent-color:var(--foreground);cursor:pointer}.pc-radius{font-size:var(--text-body-sm);gap:.5rem;display:grid}.pc-radius>span{font-weight:600}.pc-radius [data-slot=toggle-group]{max-width:100%}.pc-radius [data-slot=toggle-group-item]{min-height:2.75rem}.pc-model-column{grid-area:model;align-content:start;gap:.75rem;min-width:0;display:grid}.pc-plate{border:var(--border-strong-width) solid var(--border-strong);border-radius:var(--radius-2xl);background:var(--background);overflow:hidden}.pc-plate-head{font-size:var(--text-caption);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.pc-label-switch{cursor:pointer;min-height:2.75rem;font-size:var(--text-body-sm);flex-wrap:wrap;align-items:center;gap:.5rem;padding-inline:.5rem;font-weight:600;display:inline-flex}.pc-scene{height:clamp(12rem,58cqw,24rem);position:relative}.pc-canvas{touch-action:pan-y;position:absolute;inset:0}.pc-canvas canvas{touch-action:pan-y;cursor:grab}.pc-canvas canvas:active{cursor:grabbing}.pc-still{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.pc-readout{font-family:var(--font-mono);font-variant-numeric:tabular-nums;padding:.65rem .75rem;font-size:.75rem;line-height:1.5;display:block}.pc-views{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.pc-views button{min-height:2.75rem}.pc-labels{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding:.5rem .75rem .75rem;display:grid}.pc-part-label{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--card);min-height:2.75rem;font-size:var(--text-body-sm);cursor:pointer;padding:.4rem;font-weight:600}.pc-part-label[data-popup-open]{background:var(--muted)}.pc-caption{line-height:1.6;font-size:var(--text-body-sm)}.pc-caption span{color:var(--muted-foreground);margin-block-start:.25rem;display:block}.pc-worked-example{border-inline-start:3px solid var(--foreground);padding-inline-start:1rem}.pc-teaching-image{gap:.75rem;margin:0;display:grid}.pc-endpoints{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.pc-endpoints>div{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--background);overflow:hidden}.pc-endpoints img{width:100%;height:auto}.pc-endpoints p{font-size:var(--text-body-sm);padding:.5rem .75rem;font-weight:600}.pc-teaching-image figcaption,.pc-practice-image figcaption{max-width:48rem;font-size:var(--text-body-sm);color:var(--muted-foreground);line-height:1.6}.pc-details{border:1px solid var(--border);border-radius:var(--radius-xl);overflow-wrap:anywhere;padding:.75rem 1rem;line-height:1.65}.pc-details summary{cursor:pointer;font-weight:600}.pc-details p{max-width:48rem;margin-block-start:.75rem}.pc-details a{color:var(--link);text-underline-offset:.15em;text-decoration:underline}.pc-practice{gap:1.5rem;display:grid}.pc-practice-copy{align-content:start;gap:1rem;line-height:1.6;display:grid}.pc-practice-choices{flex-wrap:wrap;gap:.75rem;display:flex}.pc-practice-image{align-content:start;gap:.75rem;min-width:0;margin:0;display:grid}.pc-practice-image img{border-radius:var(--radius-xl);background:var(--background);width:100%;height:auto}@container (min-width:45rem){.pc-workspace{grid-template:"model explanation""model controls"1fr/minmax(0,1.3fr) minmax(0,1fr)}.pc-scene{height:clamp(16rem,100svh - 23rem,24rem)}}@container (max-width:25rem){.pc-moments{grid-template-columns:repeat(auto-fit,minmax(min(8rem,100%),1fr))}.pc-views{gap:.375rem}}@media (min-width:60rem){.pc-practice{grid-template-columns:1fr 1.3fr}}@media (max-width:40rem){.pc-toolbar{flex-direction:column;align-items:stretch}.pc-toolbar .el-explanation-toggle{align-self:flex-start}.pc-endpoints{grid-template-columns:1fr}}