/* The world carries the example; controls stay at its edges. */
.world-stage{background:radial-gradient(ellipse at 48% 58%,#294654 0%,#102733 65%,#0e202c 100%)}
.world-stage .stage-top,.diagram-stage .stage-top{background:#0d2330a6;border-bottom-color:#78919e24}
.stage-bottom{min-height:32px;flex:none;align-items:center;gap:10px}
.stage-bottom #place-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.scene-example-actions{display:flex;gap:7px;flex:none}
.scene-example-actions button{min-height:26px;padding:3px 9px;font-size:13px;border-color:#6b929b66;background:#18353e;color:#c6e8e4;border-radius:7px}
.scene-example-actions #example-reset{color:#c3ced4;background:transparent}
.scene-example-actions [hidden]{display:none}
.world-label{border-radius:7px;background:#102b37f5;box-shadow:0 3px 9px #0003;line-height:1.3;max-width:158px}
.world-label>svg{color:#a4c8c8;width:17px;height:17px}
.world-label[hidden]{display:none!important}
.world-label.teaching-focus{border-color:#8ec2b7;background:#20413e}
.flow-label{font-size:13px;background:#102633f2;box-shadow:0 2px 7px #0002;border-color:#708d9e77;padding:4px 8px}
.flow-label.active{color:#ffe2b0;border-color:#d9b37b;background:#403526ed}
.world-leaders path{stroke-width:1;opacity:.5}
.selection{border-left-width:2px;background:#17343e}
.reveal{background:#132e3a;box-shadow:none}
.asset-tile-caption strong{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.4em}
.asset-description h3{font-size:clamp(18px,1.65vw,24px);line-height:1.2;max-height:2.4em;overflow:hidden}
.asset-description p{font-size:15px;line-height:1.4;margin:8px 0 11px}
.asset-description{padding:10px 18px 13px}
.asset-inspection-actions{gap:6px;margin-bottom:6px}
.asset-preview-title{font-size:13px}
#asset-canvas{background:radial-gradient(ellipse at 50% 63%,#36536288,#112833 76%)}
#asset-parts button{font-size:14px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.asset-meaning-tabs button{font-size:14px}
.asset-detail-filter{font-size:14px!important}
.asset-preview-title #asset-parts-indicator{color:#bddacb}
.asset-header h2 small{color:#d0e2e7}
@media(max-height:800px){
 .stage-bottom{min-height:30px;height:auto;font-size:12px}
 .scene-example-actions button{min-height:24px;font-size:12px;padding:2px 7px}
 .asset-description p{font-size:14px;line-height:1.32;margin:6px 0 8px}
 .asset-description h3{font-size:18px;margin-bottom:5px}
 .asset-meaning-tabs,.asset-inspection-actions{margin-bottom:4px}
 #asset-parts button{font-size:13px;min-height:27px}
}
@media(max-width:1100px){.stage-bottom #place-label{max-width:44%}.asset-lesson{grid-template-columns:minmax(0,1fr) auto;align-items:end}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}