.thp-figure{margin-block:40px 56px;padding:clamp(16px,2vw,28px);border:1px solid #cddae8;background:linear-gradient(180deg,#fbfdff,#fff)}.thp-scroll{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.thp-scroll:focus-visible{outline:3px solid #7aa7f0;outline-offset:4px}.thp-svg{display:block;width:100%;height:auto;font-family:inherit}.thp-portrait{display:none;max-width:480px;margin-inline:auto}.thp-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px 20px;margin-top:18px}.thp-open{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 4px;font-size:14px;font-weight:600;color:#1c5bd7;border-bottom:1px solid transparent}.thp-open:hover{border-color:currentColor}.thp-close:focus-visible,.thp-open:focus-visible{outline:3px solid #7aa7f0;outline-offset:3px}.thp-label{font-size:18px;font-weight:600;fill:#102c50;text-anchor:middle;paint-order:stroke;stroke:#fff;stroke-width:6px;stroke-linejoin:round}.thp-label.is-small{font-size:15px}.thp-label.is-note{font-size:14px;fill:#3d5068}.thp-label.is-gas{fill:#0d7f61}.thp-label.is-start{text-anchor:start}.thp-label.is-end{text-anchor:end}.thp-tag{font-size:15px;font-weight:700;fill:#245fa3;letter-spacing:.02em}.thp-legend{font-size:14px;fill:#3d5068}.thp-pipe{fill:none;stroke:#d5e0ee;stroke-width:10;stroke-linecap:round;stroke-linejoin:round}.thp-pipe.is-legend{stroke-width:8}.thp-flow{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3 15;animation:thp-flow 1.1s linear infinite paused}.thp-flow.is-sludge{stroke:#1c5bd7}.thp-flow.is-gas{stroke:#12a17b}.thp-flow.is-steam{stroke:#6fa8ef}@keyframes thp-flow{to{stroke-dashoffset:-18}}.thp-step{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}.is-active .thp-step{opacity:1;transform:none}.thp-anim{animation-play-state:paused}.is-running .thp-anim,.is-running .thp-flow{animation-play-state:running}.thp-rise{animation:thp-rise 3.2s ease-in infinite paused}.thp-rise.is-tall{animation-name:thp-rise-tall;animation-duration:4.2s}@keyframes thp-rise{0%{transform:translateY(0);opacity:0}15%{opacity:.95}to{transform:translateY(-96px);opacity:0}}@keyframes thp-rise-tall{0%{transform:translateY(0);opacity:0}12%{opacity:.9}to{transform:translateY(-170px);opacity:0}}.thp-sink{animation:thp-sink 2.8s ease-in-out infinite paused}@keyframes thp-sink{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.thp-mercury{transform-box:fill-box;transform-origin:50% 100%;animation:thp-heat 2.6s ease-in-out infinite paused}@keyframes thp-heat{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1)}}.thp-needle{transform-box:fill-box;transform-origin:0 100%;animation:thp-needle 2.6s ease-in-out infinite paused}@keyframes thp-needle{0%,to{transform:rotate(-70deg)}50%{transform:rotate(40deg)}}.thp-steam{animation:thp-steam 2.7s ease-out infinite paused}@keyframes thp-steam{0%{transform:translateY(8px);opacity:0}30%{opacity:.9}to{transform:translateY(-22px);opacity:0}}.thp-roller{transform-box:fill-box;transform-origin:center;animation:thp-spin 3s linear infinite paused}@keyframes thp-spin{to{transform:rotate(1turn)}}.thp-wave{animation:thp-wave 4s linear infinite paused}@keyframes thp-wave{to{transform:translateX(-80px)}}.thp-pulse{transform-box:fill-box;transform-origin:center;animation:thp-pulse 2.2s ease-out infinite paused}@keyframes thp-pulse{0%{transform:scale(1);opacity:.75}to{transform:scale(1.45);opacity:0}}.thp-glow{animation:thp-glow 2.2s ease-in-out infinite paused}@keyframes thp-glow{0%,to{opacity:.75}50%{opacity:1}}.thp-truck{animation:thp-truck 1.6s ease-in-out infinite paused}@keyframes thp-truck{0%,to{transform:translateY(0)}50%{transform:translateY(-1.5px)}}.thp-dialog{width:min(1480px,96vw);max-width:none;max-height:92vh;padding:0;border:0;background:#fff;color:#102c50;box-shadow:0 40px 120px -40px #051a3980}.thp-dialog::backdrop{background:#051a39b8;backdrop-filter:blur(4px)}.thp-dialog-inner{position:relative;padding:clamp(20px,3vw,48px)}.thp-close{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#eef4fb;color:#102c50}.thp-close:hover{background:#dbe8fb}@media(min-width:900px) and (max-width:1279px){.thp-landscape .thp-label{font-size:20px}.thp-landscape .thp-label.is-small{font-size:16px}.thp-landscape .thp-label.is-note,.thp-landscape .thp-legend{font-size:15px}.thp-landscape .thp-tag{font-size:16px}}@media(max-width:899px){.thp-figure .thp-landscape{display:none}.thp-figure .thp-portrait{display:block}.thp-foot{display:none}.thp-portrait .thp-label{font-size:20px}.thp-portrait .thp-label.is-small{font-size:18px}.thp-portrait .thp-label.is-note{font-size:16px}.thp-portrait .thp-tag{font-size:18px}.thp-portrait .thp-legend{font-size:15px}}@media(max-width:639px){.thp-figure{padding:16px 12px}}@media(prefers-reduced-motion:reduce){.thp-dialog *,.thp-figure *{animation:none!important;transition:none!important}.thp-step{opacity:1;transform:none}}