*{box-sizing:border-box}body{background:var(--ocean-bg,#03090e);color:var(--ocean-ink,#f3f7f6);font:16px/1.75 var(--ocean-font-body,system-ui);margin:0}a{color:var(--ocean-accent);text-underline-offset:4px}button,input{font:inherit}button{border:1px solid var(--ocean-line);border-radius:var(--ocean-radius);min-height:44px;color:var(--ocean-ink);background:var(--ocean-surface);cursor:pointer;padding:10px 14px;font-size:14px}button:hover:not(:disabled){background:var(--ocean-raised);border-color:var(--ocean-accent)}button:disabled{opacity:.5;cursor:default}button[aria-pressed=true]{color:var(--ocean-accent);background:var(--ocean-raised);border-color:var(--ocean-accent)}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid var(--ocean-accent);outline-offset:4px}body.ocean-learning{height:auto;padding-bottom:0;overflow:auto}body.ocean-learning>.site-footer{margin-top:48px;position:static}body.ocean-learning .museum-header{border-bottom:1px solid var(--ocean-line);flex-wrap:wrap;gap:8px 24px;width:82%;max-width:1680px;height:auto;min-height:72px;margin:auto;padding:16px 0;display:flex}.museum-brand,.museum-return{display:none}body.ocean-learning .museum-nav{flex-wrap:wrap;order:0;gap:8px;width:auto;display:flex}.museum-nav a{border-radius:var(--ocean-radius);min-height:44px;color:var(--ocean-muted);border:1px solid #0000;align-items:center;padding:8px 14px;font-size:14px;text-decoration:none;display:flex}.museum-nav a[aria-current=page]{border-color:var(--ocean-accent);color:var(--ocean-accent);background:var(--ocean-surface)}.museum-nav a:hover{color:var(--ocean-accent)}body.ocean-learning .museum-dive-link{white-space:normal;margin-left:auto;font-size:14px}body.ocean-learning .museum-main{grid-template-columns:minmax(0,1.4fr) minmax(330px,1fr);align-items:start;gap:32px;width:82%;max-width:1680px;min-height:0;margin:36px auto 64px;display:grid}.lesson-heading{grid-column:1/-1}.eyebrow,.learning-label,.model-kicker{font:12px/1.5 var(--ocean-font-label);letter-spacing:.12em;color:var(--ocean-accent)}.eyebrow{text-transform:uppercase;margin:0 0 20px}.lesson-heading h1{font:400 clamp(38px,4.5vw,64px)/1.08 var(--ocean-font-display);letter-spacing:-.035em;text-wrap:balance;margin:0 0 16px}#lesson-subtitle{color:var(--ocean-muted);margin:0;font-size:18px}body.ocean-learning .museum-stage{top:calc(var(--ocean-header-height,178px) + 24px);height:min(600px,calc(100svh - var(--ocean-header-height,178px) - 48px));border:1px solid var(--ocean-line);border-radius:var(--ocean-radius);background:#072231;min-height:430px;position:sticky;overflow:hidden}.museum-stage canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.model-kicker{z-index:1;pointer-events:none;margin:0;position:absolute;top:20px;left:24px}.stage-label{pointer-events:none;color:var(--ocean-muted);text-shadow:0 1px 6px #000;font-size:14px;line-height:1.6;position:absolute;bottom:112px;left:24px;right:24px}.stage-label strong{color:var(--ocean-ink);margin-bottom:5px;font-size:16px;font-weight:500;display:block}.stage-caption{color:var(--ocean-muted);pointer-events:none;margin:0;font-size:12px;line-height:1.6;position:absolute;bottom:61px;left:24px;right:24px}.stage-tools{gap:8px;display:flex;position:absolute;bottom:16px;left:24px;right:24px}body.ocean-learning .museum-panel{background:0 0;border:0;max-height:none;padding:0;overflow:visible}.museum-panel section{background:var(--ocean-surface);border:1px solid var(--ocean-line);border-radius:var(--ocean-radius);margin:0 0 20px;padding:24px}.museum-panel .learning-label{color:var(--ocean-accent);margin:0 0 16px;font-size:12px}.museum-panel p{color:var(--ocean-muted);margin:0 0 20px;font-size:16px;line-height:1.75}.museum-panel h2{font:400 26px/1.25 var(--ocean-font-display);color:var(--ocean-ink);margin:20px 0 16px}.museum-panel .step-copy{min-height:0}.step-buttons{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.step-buttons button{flex:1}.museum-panel input[type=range]{width:100%;min-height:44px;accent-color:var(--ocean-accent);margin:0}.slider-label{color:var(--ocean-muted);justify-content:space-between;gap:12px;font-size:13px;display:flex}.play-controls{flex-wrap:wrap;gap:8px;margin:12px 0 0;display:flex}.play-controls button:first-child{background:var(--ocean-primary);color:var(--ocean-primary-ink);border-color:var(--ocean-primary);flex:1}.quiz button{text-align:left;width:100%;margin:8px 0;line-height:1.6;display:block}.quiz #quiz-feedback{color:var(--ocean-accent);margin-top:16px}.quiz .read-aloud button{width:auto;margin:0}.museum-panel details{border-top:1px solid var(--ocean-line);margin-top:24px;padding-top:16px}.museum-panel summary{cursor:pointer;min-height:44px;color:var(--ocean-accent);font-size:15px;display:list-item}.museum-panel details p{margin:16px 0}.museum-panel details a{overflow-wrap:anywhere;margin:16px 0;font-size:14px;display:block}.museum-panel .model-limit,.museum-panel .museum-progress{color:var(--ocean-muted);margin-top:24px;font-size:13px;line-height:1.7}.sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.canvas-fallback{padding:80px 24px 180px;font-size:16px;line-height:1.75;position:relative}.canvas-fallback button{margin-top:20px;display:block}#model-labels{pointer-events:none;position:absolute;inset:0}#model-labels span{font:12px/1.5 var(--ocean-font-body);color:var(--ocean-ink);border:1px solid var(--ocean-line);border-radius:var(--ocean-radius);white-space:nowrap;background:#0a1b25eb;padding:5px 8px;position:absolute;transform:translate(-50%,-100%)}#model-labels span:after{content:"";background:var(--ocean-muted);width:1px;height:13px;position:absolute;top:100%;left:50%}@media (width<=1000px){body.ocean-learning .museum-main{grid-template-columns:minmax(0,1fr) minmax(300px,1fr);gap:24px;width:88%}}@media (width<=760px){body.ocean-learning .museum-header{width:88%;padding:16px 0}body.ocean-learning .museum-nav{gap:4px;width:100%}.museum-nav a{padding:8px 10px;font-size:13px}body.ocean-learning .museum-dive-link{margin:0}body.ocean-learning .museum-main{flex-direction:column;gap:24px;margin-top:24px;display:flex}.lesson-heading h1{font-size:38px}body.ocean-learning .museum-stage{width:100%;height:460px;min-height:430px;position:relative;top:auto}body.ocean-learning .museum-panel{width:100%}.museum-panel section{padding:20px}.stage-label,.stage-caption,.stage-tools{left:18px;right:18px}.model-kicker{left:18px}#model-labels span{font-size:10px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.museum-stage{scroll-margin-top:calc(var(--ocean-header-height,178px) + 16px)}.model-return{display:none}@media (width<=760px){.model-return{align-items:center;min-height:44px;margin-top:16px;font-size:14px;display:inline-flex}}