.si-read{position:absolute;inset-inline-start:12px;top:12px;z-index:2;width:min(350px,calc(100% - 110px));background:#f8f6f1f0;border:1px solid var(--rule-2);padding:8px 10px 6px;font:500 11px/1.35 var(--mono);color:var(--ink);pointer-events:none;font-variant-numeric:tabular-nums}.si-read p{margin:0}.si-h{font-size:10.5px;color:var(--mute);margin-bottom:4px!important}.si-row{display:grid;grid-template-columns:1.45fr .9fr .8fr .8fr;column-gap:6px;align-items:baseline;padding:3px 0 2px;border-top:1px solid var(--rule-2)}.si-row>span{text-align:end}.si-head{font-size:9.5px;color:var(--mute);border-top:0;padding-top:0}.si-head>span:first-child{text-align:start}.si-row b{font-weight:600;display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden}.si-row b:before{content:"";width:8px;height:8px;background:var(--c);flex:none}.si-d{font-weight:700}.si-row.is-bad .si-d{color:#b42f22}.si-row>.si-x{grid-column:1 / -1;text-align:start;font-size:9.5px;color:var(--mute);padding-inline-start:13px}.si-note{margin-top:3px!important;padding-top:3px;border-top:1px solid var(--rule-2);font-size:10px;color:var(--mute)}.si-note.is-bad{color:#b42f22;font-weight:600}.si-kv{display:flex;justify-content:space-between;gap:10px;padding:2px 0;border-top:1px solid var(--rule-2)}.si-kv span{color:var(--ink-2)}.si-kv.is-bad b{color:#b42f22}.si-chart{display:block;width:100%;height:110px;margin-top:4px}.si-tags{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.si-tags[hidden]{display:none}.si-tag{position:absolute;left:0;top:0;font:600 10.5px/1 var(--mono);padding:3px 6px;background:var(--c);color:#fff;white-space:nowrap;will-change:transform;letter-spacing:.02em}.si-graphs{position:absolute;inset-inline:12px;bottom:58px;z-index:2;height:128px;background:#f8f6f1f0;border:1px solid var(--rule-2);pointer-events:none}.si-graphs[hidden]{display:none}.si-graphs canvas{display:block;width:100%;height:100%}.si-bar{position:absolute;left:50%;bottom:12px;transform:translate(-50%);display:flex;background:#f8f6f1f0;border:1px solid var(--rule-2);z-index:3;max-width:calc(100% - 24px);overflow-x:auto;scrollbar-width:none}.si-bar::-webkit-scrollbar{display:none}.si-bar button{appearance:none;border:0;border-inline-end:1px solid var(--rule);background:none;padding:0 12px;min-height:40px;font:500 13px/1 var(--sans);color:var(--ink-2);cursor:pointer;white-space:nowrap}.si-bar button:last-child{border-inline-end:0}.si-bar button:hover{color:var(--ink);background:#fff}.si-bar button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.exhibit[data-slug=seismic-isolation] .stage-hint{bottom:196px}.exhibit[data-slug=seismic-isolation] .stage[data-scene]:not([data-scene=table]) .stage-hint{bottom:60px}@media(max-width:900px){.si-read{inset-inline-start:8px;top:8px;padding:5px 7px 4px;font-size:9.5px;width:min(300px,calc(100% - 92px))}.si-h{font-size:9px;margin-bottom:1px!important}.si-head{font-size:8.5px}.si-row{padding:2px 0 1px;column-gap:4px}.si-row>.si-x{display:none}.si-note{font-size:9px;margin-top:1px!important;padding-top:2px}.si-chart{height:72px}.si-tag{font-size:9px;padding:2px 4px}.si-graphs{inset-inline:8px;bottom:52px;height:150px}.si-bar{bottom:8px}.si-bar button{padding:0 10px;font-size:12px;min-height:38px}.exhibit[data-slug=seismic-isolation] .stage-hint{display:none}}@media(max-width:600px){.si-graphs{height:150px}.si-read{width:min(250px,calc(100% - 84px))}.si-kv{padding:1px 0}}.si-lab{padding:4px 18px 22px;display:grid;gap:10px;border-top:1px solid var(--rule);font:400 13px/1.5 var(--sans)}.si-lh{margin:16px 0 0;font:600 15px/1.3 var(--sans);color:var(--ink)}.si-p{margin:0;color:var(--ink-2)}.si-now{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:500}.si-lab button{justify-self:start;min-height:44px;min-width:44px;padding:0 12px;font:600 13px/1.2 var(--sans);border:1px solid var(--ink, #1c1b19);background:#fbfaf6;color:var(--ink);border-radius:2px;cursor:pointer}.si-lab button[aria-pressed=true]{background:var(--ink, #1c1b19);color:#f5f2ea}.si-btns{display:flex;flex-wrap:wrap;gap:6px}.si-cards{margin:0;padding:0;list-style:none;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.si-scenes button{width:100%;height:100%;display:grid;gap:4px;align-content:start;text-align:start;padding:9px 11px;font-weight:400}.si-scenes button b{font-weight:700;font-size:14px}.si-scenes button span{font-size:12px;line-height:1.4;opacity:.85}.si-devs li{display:grid;gap:6px;align-content:start;padding:10px 11px;border:1px solid var(--rule);background:#fbfaf6}.si-tasks{margin:0;padding:0;list-style:none;display:grid;gap:8px}.si-tasks li{display:grid;gap:4px;padding:10px 12px;border:1px solid var(--rule);background:#fbfaf6}.si-tasks li.is-done{border-color:#1f7a3a;background:#f1f7f0}.si-th{margin:0;font-weight:600;color:var(--ink);display:flex;gap:8px;align-items:center}.si-mark{display:inline-grid;place-items:center;flex:none;width:20px;height:20px;border:1px solid var(--rule-2, #cfc8b8);font-size:13px;color:#fff;background:#fff}.si-tasks li.is-done .si-mark{background:#1f7a3a;border-color:#1f7a3a}.si-find{display:grid;gap:4px}.si-find span{font-weight:600;color:var(--ink)}.si-find input{min-height:44px;width:100%;font:500 15px/1.2 var(--sans);padding:6px 8px;border:1px solid var(--rule-2, #cfc8b8);background:#fbfaf6;border-radius:2px;color:var(--ink)}.si-list{margin:0;padding:0;list-style:none;display:grid;gap:6px}.si-cases{max-height:720px;overflow-y:auto}.si-list li{display:grid;gap:4px;padding:10px 0;border-top:1px solid var(--rule)}.si-ch{margin:0;font-weight:600;color:var(--ink)}.si-ch b{font-variant-numeric:tabular-nums;margin-inline-end:6px}.si-ch small{font-weight:400;color:var(--ink-2);margin-inline-start:6px}.si-src{font-size:12px;color:var(--mute)}.si-list a{color:inherit;word-break:break-word}.si-fact{padding:10px 12px;border-inline-start:3px solid #c8901e;background:#fbf6ea;color:var(--ink)}.si-next{margin:0;padding-inline-start:18px;display:grid;gap:4px}.si-next a{color:var(--ink)}.si-note2{font-size:12px;color:var(--mute)}.exhibit[data-slug=seismic-isolation] .panel .btn,.exhibit[data-slug=seismic-isolation] .panel button{min-height:44px;min-width:44px}.exhibit[data-slug=seismic-isolation] .panel input[type=range]{min-height:44px}.exhibit[data-slug=seismic-isolation] .sec-sources li{overflow-wrap:anywhere}