.education-example{padding-block:var(--sx-space-24);scroll-margin-top:112px}.education-example-intro{margin-bottom:var(--sx-space-8)}.education-example .product-audience,.education-example-eyebrow{color:var(--sx-color-clay-ink)}.education-example-lead{color:var(--sx-color-muted);margin-top:var(--sx-space-6);line-height:var(--sx-type-body-leading)}.education-example-eyebrow{margin:0 0 var(--sx-space-2);font-size:var(--sx-type-small);font-weight:700}.education-example h3{margin:0;font-size:clamp(20px,2vw,26px);line-height:1.5}.science-switch{display:grid;grid-template-columns:1fr 1fr;gap:var(--sx-space-3);margin-bottom:var(--sx-space-4)}.science-switch button{position:relative;overflow:hidden;text-align:left;padding:var(--sx-space-4) var(--sx-space-6);transition:border-color var(--sx-motion-feedback),background var(--sx-motion-feedback)}.science-switch button:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:transparent}.science-switch button[aria-pressed=true]:before{background:var(--sx-color-clay-ink)}.science-switch span,.science-switch strong{display:block}.science-switch span{font-size:var(--sx-type-small);margin-bottom:var(--sx-space-1)}.science-switch strong{font-size:18px}.education-example button{border:1px solid var(--sx-color-control-border);border-radius:var(--sx-radius-control);background:var(--sx-color-canvas);color:var(--sx-color-ink);cursor:pointer;min-height:44px;font:inherit}.education-example button:hover{background:var(--sx-color-sage)}.education-example button[aria-pressed=true]{border-color:var(--sx-color-forest);box-shadow:inset 0 -3px var(--sx-color-forest);background:var(--sx-color-sage);font-weight:700}.education-example button:focus-visible,.education-example input:focus-visible{outline:3px solid var(--sx-color-focus);outline-offset:3px}.education-example-workbench{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);border:1px solid var(--sx-color-line);border-radius:var(--sx-radius-panel);overflow:hidden;background:var(--sx-color-canvas)}.education-example-model{min-width:0;padding:var(--sx-space-6);border-right:1px solid var(--sx-color-line);background:var(--sx-color-canvas)}.science-model-title{display:flex;justify-content:space-between;align-items:start;gap:var(--sx-space-3)}.science-model-title h3{font-size:20px}.education-example .science-reset{padding:var(--sx-space-2);font-size:var(--sx-type-small);flex-shrink:0}.science-canvas-shell{position:relative;margin-top:var(--sx-space-4);background:var(--sx-color-sage);border:1px solid var(--sx-color-line);border-radius:var(--sx-radius-panel);overflow:hidden}.science-loading,.science-scene{width:100%;aspect-ratio:1.4;min-height:280px}.science-scene{position:relative}.science-scene>.science-loading{position:absolute;inset:0;z-index:1;height:100%;background:var(--sx-color-sage)}.science-scene canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.science-scene canvas:active{cursor:grabbing}.science-loading{display:grid;place-content:center;padding:var(--sx-space-6);text-align:center;color:var(--sx-color-muted)}.science-canvas-tag{position:absolute;top:var(--sx-space-3);left:var(--sx-space-3);max-width:calc(100% - 24px);padding:var(--sx-space-1) var(--sx-space-2);background:color-mix(in srgb,var(--sx-color-canvas) 88%,transparent);border:1px solid var(--sx-color-line);border-radius:var(--sx-radius-control);color:var(--sx-color-muted);font-size:12px;backdrop-filter:blur(8px);pointer-events:none}.science-hint{margin-block:var(--sx-space-3) var(--sx-space-6);font-size:var(--sx-type-small);color:var(--sx-color-muted);line-height:1.7}.science-control-label{display:flex;justify-content:space-between;gap:var(--sx-space-3);margin-bottom:var(--sx-space-2);font-size:14px}.science-button-row{display:flex;flex-wrap:wrap;gap:var(--sx-space-2);margin-top:var(--sx-space-3)}.science-button-row button{flex:1;padding:var(--sx-space-2) var(--sx-space-3);font-size:14px}.education-example .science-primary{background:var(--sx-color-forest);color:var(--sx-color-on-dark);font-weight:700}.education-example .science-primary:hover{background:var(--sx-color-forest-deep)}.education-model-observation{margin:var(--sx-space-4) 0 0;padding:var(--sx-space-3);border-left:3px solid var(--sx-color-clay-ink);background:var(--sx-color-sage);font-size:14px;line-height:1.8;min-height:76px}.science-microscope-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.8fr);gap:var(--sx-space-4);align-items:center}.science-microscope-controls label{font-size:14px;font-weight:700}.science-microscope-controls input{display:block;width:100%;min-height:44px;margin:0;accent-color:var(--sx-color-clay-ink)}.science-eyefield svg{width:100%;display:block}.science-eyefield span{display:block;text-align:center;font-size:12px;color:var(--sx-color-muted)}.science-field-rim{fill:var(--sx-color-forest-deep)}.science-field-ground{fill:var(--sx-color-canvas)}.science-cell{fill:var(--sx-color-sage);stroke:var(--sx-color-forest);stroke-width:1.2}.science-cell-core{fill:var(--sx-color-clay-ink)}.education-example-learning{padding:var(--sx-space-8);min-width:0;background:var(--sx-color-canvas)}.education-example-learning ol{list-style:none;margin:var(--sx-space-8) 0;padding:0}.education-example-learning li{display:flex;gap:var(--sx-space-4);padding-block:var(--sx-space-4);border-top:1px solid var(--sx-color-line)}.education-example-learning li>span{color:var(--sx-color-clay-ink);font-size:14px;font-weight:700}.education-example-learning h4{font-size:16px;margin:0 0 var(--sx-space-2)}.education-example-learning li p,.science-vr-note{font-size:14px;line-height:1.85;color:var(--sx-color-muted);margin:0}.science-vr-note{padding-top:var(--sx-space-4);border-top:1px solid var(--sx-color-line);margin-bottom:var(--sx-space-6)}.education-example-learning .text-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px}.education-example-disclosure{font-size:var(--sx-type-small);color:var(--sx-color-muted);line-height:1.8;margin-top:var(--sx-space-4);max-width:80em}@media(max-width:900px){.education-example-workbench{grid-template-columns:minmax(0,1fr)}.education-example-model{border-right:0;border-bottom:1px solid var(--sx-color-line)}.education-example-learning ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sx-space-6)}}@media(max-width:600px){.education-example{padding-block:var(--sx-space-16)}.science-switch{gap:var(--sx-space-2)}.science-switch button{padding:var(--sx-space-3)}.science-switch strong{font-size:15px}.education-example-learning,.education-example-model{padding:var(--sx-space-4)}.science-model-title{flex-wrap:wrap}.science-model-title h3{font-size:18px}.science-model-title .science-reset{min-height:44px}.science-loading,.science-scene{aspect-ratio:1;min-height:0}.education-example-learning ol{display:block;margin-block:var(--sx-space-6)}.science-microscope-controls{gap:var(--sx-space-2)}}