/* seismic.css — Seismic hazard studio (v31). Builds on atelier.css (cp-*), jetty.css (jt-*) and road.css (rd-*). */
.sh-app .sh-sl{min-width:260px;flex:1}
.sh-app .sh-sl input[type=range]{width:100%}
.sh-app .sh-dgbar{gap:16px;flex-wrap:wrap;align-items:end}
.sh-app .sh-prog{flex:1;min-width:200px;height:10px;border-radius:6px;background:color-mix(in srgb,var(--purple,#6b2d5c) 10%,#fff);overflow:hidden;border:1px solid #ddd}
.sh-app .sh-prog i{display:block;height:100%;background:linear-gradient(90deg,#30123b,#4686fb,#1be5b5,#f9ba38,#7a0403);transition:width .2s}
.sh-app .sh-thgrid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:14px;align-items:start}
.sh-app .sh-bld{border:1px solid #ddd;border-radius:10px;background:#fbfaf6;padding:8px}
.sh-app .sh-bld svg{width:100%;height:auto;display:block}
.sh-app .sh-bld .cp-kpi{grid-template-columns:1fr}
.sh-app [data-h]{cursor:move;touch-action:none}
.sh-app #sh-map svg{touch-action:none}
.sh-app #sh-map svg text{pointer-events:none}
.sh-app .rd-wide .jt-fig svg{width:100%;height:auto;display:block}
.sh-app .cp-edit select{max-width:120px}
@media (max-width:900px){.sh-app .sh-thgrid{grid-template-columns:1fr}}
.sh-app .cp-grid2.sh-live{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}
@media (max-width:980px){.sh-app .cp-grid2.sh-live{grid-template-columns:minmax(0,1fr)}}