body.blog-hmi-body{margin:0;min-height:100vh;background:linear-gradient(180deg,#ffffff80,#cee0ef6b),linear-gradient(135deg,#e7eff6,#d7e4f2 45%,#cbdceb)}.hmi-page.svelte-hm85o5{min-height:100vh;padding:1rem}.hmi-shell.svelte-hm85o5{position:relative;min-height:calc(100vh - 2rem);border-radius:2rem;border:1px solid rgba(51,69,87,.34);background:linear-gradient(180deg,#f2f7fcf5,#dfeaf3f5),linear-gradient(90deg,rgba(78,98,118,.05) 1px,transparent 1px),linear-gradient(rgba(78,98,118,.05) 1px,transparent 1px);background-size:auto,24px 24px,24px 24px;box-shadow:inset 0 0 0 5px #b3c2ce61,inset 0 1px #ffffffeb,0 28px 80px #21324529;overflow:hidden}.hmi-topbar.svelte-hm85o5{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem 1.25rem;border-bottom:2px solid rgba(135,153,170,.28);background:linear-gradient(180deg,#edf4fafa,#deeaf4e6)}.brand-cluster.svelte-hm85o5{display:flex;align-items:center;gap:1rem}.brand-badge.svelte-hm85o5,.eyebrow.svelte-hm85o5,.status-block.svelte-hm85o5 span:where(.svelte-hm85o5),.article-meta.svelte-hm85o5,.section-label.svelte-hm85o5,.section-code.svelte-hm85o5,.control-block.svelte-hm85o5 span:where(.svelte-hm85o5),.diag-card.svelte-hm85o5 span:where(.svelte-hm85o5),.rack-head.svelte-hm85o5 span:where(.svelte-hm85o5),.rack-head.svelte-hm85o5 strong:where(.svelte-hm85o5),.rail-readout.svelte-hm85o5 span:where(.svelte-hm85o5){font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase}.brand-badge.svelte-hm85o5{display:inline-flex;align-items:center;justify-content:center;height:2.75rem;padding:0 1rem;border-radius:.9rem;border:1px solid rgba(76,94,111,.34);background:linear-gradient(180deg,#f8fbfe,#dce7f1);color:#1b3f6d;font-size:.76rem;font-weight:700}.eyebrow.svelte-hm85o5{margin:0;color:#334859a3;font-size:.68rem}.hmi-topbar.svelte-hm85o5 h1:where(.svelte-hm85o5),.article-headline.svelte-hm85o5 h2:where(.svelte-hm85o5),.viz-header.svelte-hm85o5 h3:where(.svelte-hm85o5),.chart-head.svelte-hm85o5 h4:where(.svelte-hm85o5),.article-section.svelte-hm85o5 h3:where(.svelte-hm85o5){margin:0;font-family:var(--font-display);letter-spacing:-.03em;color:#1f2e3b}.hmi-topbar.svelte-hm85o5 h1:where(.svelte-hm85o5){font-size:clamp(1.65rem,3vw,2.4rem)}.status-strip.svelte-hm85o5{display:flex;gap:.75rem;flex-wrap:wrap;align-items:stretch}.status-leds.svelte-hm85o5{display:flex;align-items:center;gap:.45rem;padding:.75rem .9rem;border-radius:1rem;border:1px solid rgba(90,109,128,.28);background:linear-gradient(180deg,#ffffffdb,#e1ebf3eb)}.led.svelte-hm85o5{width:.8rem;height:.8rem;border-radius:999px;border:1px solid rgba(54,69,84,.26);box-shadow:inset 0 1px #ffffffa6,0 0 0 2px #fff6}.led.ok.svelte-hm85o5{background:radial-gradient(circle at 30% 30%,#e7ff8d,#74af2d 65%,#43670b)}.led.warn.svelte-hm85o5{background:radial-gradient(circle at 30% 30%,#ffe6a8,#d68f2b 65%,#8b5311)}.led.info.svelte-hm85o5{background:radial-gradient(circle at 30% 30%,#d8edff,#4d8ad1 65%,#2e537c)}.status-block.svelte-hm85o5{min-width:8.5rem;padding:.75rem .95rem;border-radius:1rem;border:1px solid rgba(90,109,128,.28);background:linear-gradient(180deg,#ffffffdb,#e1ebf3eb);display:grid;gap:.3rem}.status-block.svelte-hm85o5 span:where(.svelte-hm85o5),.status-block.svelte-hm85o5 strong:where(.svelte-hm85o5){color:#3d4f60;font-size:.7rem}.status-block.svelte-hm85o5 strong:where(.svelte-hm85o5){font-size:.95rem;letter-spacing:.04em}.hmi-subbar.svelte-hm85o5{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.25rem;border-bottom:1px solid rgba(135,153,170,.24);background:#ffffff8a;color:#465767}.hmi-subbar.svelte-hm85o5 p:where(.svelte-hm85o5){margin:0;max-width:58rem;font-size:.95rem}.subbar-actions.svelte-hm85o5{display:flex;gap:.75rem;flex-wrap:wrap}.subbar-actions.svelte-hm85o5 a:where(.svelte-hm85o5),.section-tabs.svelte-hm85o5 button:where(.svelte-hm85o5),.scroll-rail.svelte-hm85o5 button:where(.svelte-hm85o5),.reset-button.svelte-hm85o5{border:1px solid rgba(79,98,117,.34);border-radius:.65rem;background:linear-gradient(180deg,#fbfdff,#d5e1eb);color:#1f3242;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer;box-shadow:inset 0 1px #fffffff0}.subbar-actions.svelte-hm85o5 a:where(.svelte-hm85o5){padding:.72rem .95rem}.hmi-main.svelte-hm85o5{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:1rem;padding:1rem 7rem 1rem 1rem;height:calc(100vh - 16.45rem)}.article-column.svelte-hm85o5,.viz-frame.svelte-hm85o5{border-radius:1.25rem;border:1px solid rgba(95,114,131,.3);background:linear-gradient(180deg,#f7fafdfa,#e5edf4f0);box-shadow:inset 0 1px #ffffffeb,inset 0 0 0 2px #d6e0e8b3,0 16px 32px #293b4f14;min-height:0}.article-column.svelte-hm85o5{display:flex;flex-direction:column;overflow:hidden}.article-headline.svelte-hm85o5{display:flex;justify-content:space-between;gap:1rem;align-items:end;padding:1.2rem 1.2rem .95rem;border-bottom:1px solid rgba(130,149,165,.24)}.article-headline.svelte-hm85o5 h2:where(.svelte-hm85o5){font-size:clamp(1.7rem,2.5vw,2.25rem);max-width:16ch}.article-meta.svelte-hm85o5{display:grid;gap:.35rem;font-size:.68rem;color:#3145569e;text-align:right}.section-tabs.svelte-hm85o5{display:flex;gap:.55rem;flex-wrap:wrap;padding:.9rem 1.2rem;border-bottom:1px solid rgba(130,149,165,.22)}.section-tabs.svelte-hm85o5 button:where(.svelte-hm85o5){padding:.65rem .85rem}.section-tabs.svelte-hm85o5 button.active:where(.svelte-hm85o5){background:linear-gradient(180deg,#d8ebff,#b9d7f3);color:#13385d;border-color:#316fad6b}.article-viewport.svelte-hm85o5{overflow:auto;padding:1.4rem 1.35rem 2rem;scroll-behavior:smooth}.article-viewport.svelte-hm85o5::-webkit-scrollbar{width:12px}.article-viewport.svelte-hm85o5::-webkit-scrollbar-thumb{border-radius:999px;background:#516f8a5c;border:3px solid rgba(231,238,244,.92)}.article-section.svelte-hm85o5{display:grid;grid-template-columns:3.5rem minmax(0,1fr);gap:1rem;padding:1.35rem 0;border-bottom:1px dashed rgba(121,139,155,.26)}.article-section.active-section.svelte-hm85o5 .section-copy:where(.svelte-hm85o5){position:relative}.article-section.active-section.svelte-hm85o5 .section-copy:where(.svelte-hm85o5):before{content:"";position:absolute;left:-1.05rem;top:.35rem;bottom:.35rem;width:3px;border-radius:999px;background:linear-gradient(180deg,#4f87c7,#89abd4)}.section-code.svelte-hm85o5{color:#384d5f8f;font-size:.72rem;padding-top:.5rem}.section-copy.svelte-hm85o5{display:grid;gap:1rem;max-width:44rem}.section-label.svelte-hm85o5{margin:0;color:#2a415294;font-size:.72rem}.article-section.svelte-hm85o5 h3:where(.svelte-hm85o5){font-size:clamp(1.3rem,2vw,1.75rem)}.article-section.svelte-hm85o5 p:where(.svelte-hm85o5){margin:0;color:#2c3c49;line-height:1.84;font-size:1.055rem;text-wrap:pretty}.article-section.svelte-hm85o5 p:where(.svelte-hm85o5):first-of-type{font-size:1.16rem;line-height:1.78;color:#1e3140}.inline-note.svelte-hm85o5,.sandbox-note.svelte-hm85o5{padding:1rem 1.1rem;border-radius:1rem;border:1px solid rgba(98,119,138,.22);background:linear-gradient(180deg,#d6e6f375,#ecf4f9d1)}.inline-note.svelte-hm85o5 span:where(.svelte-hm85o5),.sandbox-note.svelte-hm85o5 span:where(.svelte-hm85o5){display:inline-block;margin-bottom:.5rem;color:#1d4f80;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.viz-column.svelte-hm85o5{min-height:0}.viz-frame.svelte-hm85o5{height:100%;display:flex;flex-direction:column;padding:1rem;gap:.9rem}.viz-header.svelte-hm85o5,.chart-head.svelte-hm85o5,.rack-head.svelte-hm85o5{display:flex;justify-content:space-between;gap:1rem;align-items:center}.viz-status.svelte-hm85o5 span:where(.svelte-hm85o5){display:inline-flex;align-items:center;justify-content:center;min-width:5.5rem;height:2.1rem;border-radius:999px;border:1px solid rgba(68,95,118,.32);background:linear-gradient(180deg,#eef7ff,#c7dcf1);color:#244768;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.78rem;font-weight:700;letter-spacing:.14em}.viz-top.svelte-hm85o5{display:grid;gap:.9rem}.heat-scene.svelte-hm85o5,.chart-frame.svelte-hm85o5,.alarm-rack.svelte-hm85o5,.code-rack.svelte-hm85o5,.diag-card.svelte-hm85o5,.control-block.svelte-hm85o5,.reset-button.svelte-hm85o5{border:1px solid rgba(95,114,131,.24);border-radius:1.2rem;background:linear-gradient(180deg,#ffffffe6,#e7eef3e6);box-shadow:inset 0 1px #ffffffeb}.heat-scene.svelte-hm85o5{position:relative;overflow:hidden;min-height:19rem;padding:1rem;background:linear-gradient(180deg,#fffffff2,#e8eef4f5),radial-gradient(circle at right,rgba(109,168,222,.16),transparent 28%)}.scene-svg.svelte-hm85o5{width:100%;height:100%}.particle-field.svelte-hm85o5{position:absolute;inset:0;overflow:hidden;pointer-events:none}.particle.svelte-hm85o5{position:absolute;border-radius:999px;background:#d77b24;animation-name:svelte-hm85o5-drift;animation-timing-function:linear;animation-iteration-count:infinite;box-shadow:0 0 0 1px #ffffff38}.particle.air.svelte-hm85o5{background:radial-gradient(circle,#df7d22,#cd4e2b 55%,#a7b2bf)}.particle.liquid.svelte-hm85o5{background:radial-gradient(circle,#4784dc,#6fa0ff 52%,#d68a24)}.scene-tag.svelte-hm85o5{position:absolute;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-height:2.2rem;padding:0 .9rem;border-radius:999px;border:2px solid rgba(79,98,117,.62);background:#fffffff5;color:#263845;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.78rem;font-weight:700;letter-spacing:.08em}.scene-tag.hot.svelte-hm85o5{top:.85rem;left:1rem;border-color:#c33f39bd}.scene-tag.cold.svelte-hm85o5{bottom:.85rem;left:1rem}.chart-frame.svelte-hm85o5{padding:.95rem 1rem}.alarm-rack.svelte-hm85o5{padding:.95rem 1rem 1rem}.alarm-list.svelte-hm85o5{display:grid;gap:.7rem;margin-top:.75rem}.alarm-card.svelte-hm85o5{padding:.85rem .95rem;border-radius:.95rem;border:1px solid rgba(105,122,138,.24);background:linear-gradient(180deg,#fbfdffeb,#e0e9f0e0)}.alarm-card.info.svelte-hm85o5{border-left:6px solid #5287c7}.alarm-card.warn.svelte-hm85o5{border-left:6px solid #d4942d}.alarm-card.critical.svelte-hm85o5{border-left:6px solid #cb5042}.alarm-code-row.svelte-hm85o5{display:flex;justify-content:space-between;gap:.75rem;align-items:center}.alarm-code.svelte-hm85o5,.alarm-level.svelte-hm85o5{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#4b6174}.alarm-level.info.svelte-hm85o5{color:#2f629a}.alarm-level.warn.svelte-hm85o5{color:#9f6918}.alarm-level.critical.svelte-hm85o5{color:#9d2d21}.alarm-card.svelte-hm85o5 h4:where(.svelte-hm85o5){margin:.45rem 0 0;font-family:var(--font-display);font-size:1rem;letter-spacing:-.02em;color:#20313e}.alarm-card.svelte-hm85o5 p:where(.svelte-hm85o5){margin:.45rem 0 0;color:#41515f;font-size:.92rem;line-height:1.6}.chart-head.svelte-hm85o5 h4:where(.svelte-hm85o5){font-size:1.05rem}.chart-head.svelte-hm85o5 span:where(.svelte-hm85o5){color:#5d7285;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.72rem;letter-spacing:.14em}.curve-svg.svelte-hm85o5{width:100%;height:auto;margin-top:.5rem}.control-grid.svelte-hm85o5{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(0,1fr));gap:.8rem}.control-block.svelte-hm85o5,.reset-button.svelte-hm85o5{padding:.85rem .95rem}.control-block.svelte-hm85o5{display:grid;gap:.65rem;align-items:center}.control-block.wide.svelte-hm85o5{grid-column:span 1}.control-block.svelte-hm85o5 select:where(.svelte-hm85o5),.control-block.svelte-hm85o5 input[type=range]:where(.svelte-hm85o5){width:100%}.control-block.svelte-hm85o5 select:where(.svelte-hm85o5){height:2.8rem;border-radius:.9rem;border:1px solid rgba(105,122,138,.34);background:#fbfdff;padding:0 .8rem;color:#243847;font-size:.95rem}.control-block.svelte-hm85o5 strong:where(.svelte-hm85o5){justify-self:end;display:inline-flex;align-items:center;justify-content:center;min-width:3.2rem;height:2.2rem;border-radius:.8rem;border:1px solid rgba(105,122,138,.34);background:#ffffffc7;color:#223240;font-family:ui-monospace,SFMono-Regular,monospace}.control-block.svelte-hm85o5 input[type=range]:where(.svelte-hm85o5){accent-color:#235fd2}.reset-button.svelte-hm85o5{align-self:stretch}.reset-button.svelte-hm85o5:disabled,.control-block.svelte-hm85o5 select:where(.svelte-hm85o5):disabled,.control-block.svelte-hm85o5 input:where(.svelte-hm85o5):disabled{opacity:.48;cursor:not-allowed}.diagnostic-strip.svelte-hm85o5{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.diag-card.svelte-hm85o5{padding:.85rem 1rem;display:grid;gap:.45rem}.diag-card.svelte-hm85o5 strong:where(.svelte-hm85o5){color:#1f3242;font-size:1.1rem}.code-rack.svelte-hm85o5{min-height:0;overflow:hidden;padding:.85rem 1rem 1rem}.rack-head.svelte-hm85o5{margin-bottom:.75rem}.rack-head.svelte-hm85o5 strong:where(.svelte-hm85o5){color:#3548589e;font-size:.66rem}.code-rack.svelte-hm85o5 pre:where(.svelte-hm85o5){margin:0;padding:.9rem;overflow:auto;border-radius:.95rem;background:#dee8f0ad;color:#253847;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.72rem;line-height:1.6}.scroll-rail.svelte-hm85o5{position:absolute;right:1rem;top:7.8rem;bottom:1rem;width:5rem;display:flex;flex-direction:column;gap:.6rem;padding:.8rem;border-left:1px solid rgba(131,147,164,.22);background:linear-gradient(180deg,#eaf1f6b8,#d6e1eb99)}.rail-readout.svelte-hm85o5{display:grid;gap:.35rem;padding:.7rem .5rem;border-radius:1rem;border:1px solid rgba(95,114,131,.24);background:#ffffffd6;text-align:center}.rail-readout.svelte-hm85o5 strong:where(.svelte-hm85o5){color:#24517b;font-family:ui-monospace,SFMono-Regular,monospace;font-size:1rem}.scroll-rail.svelte-hm85o5 button:where(.svelte-hm85o5){min-height:3.1rem;padding:.4rem}.trend-strip.svelte-hm85o5{margin:0 7rem 1rem 1rem;padding:.9rem 1rem 1rem;border:1px solid rgba(95,114,131,.28);border-radius:1.15rem;background:linear-gradient(180deg,#f5f9fcfa,#e0e9f0eb);box-shadow:inset 0 1px #fffffff0,inset 0 0 0 2px #d6e0e88f}.trend-strip-head.svelte-hm85o5{display:flex;justify-content:space-between;align-items:center;gap:1rem}.trend-strip-head.svelte-hm85o5 h3:where(.svelte-hm85o5){margin:.2rem 0 0;font-family:var(--font-display);font-size:1.05rem;letter-spacing:-.02em;color:#223240}.trend-summary.svelte-hm85o5{display:flex;gap:.8rem;flex-wrap:wrap;color:#4d6275;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.trend-list.svelte-hm85o5{display:grid;gap:.55rem;margin-top:.8rem}.trend-entry.svelte-hm85o5{display:grid;grid-template-columns:4.5rem 4rem minmax(0,1fr) 9rem;gap:.8rem;align-items:center;padding:.72rem .8rem;border-radius:.9rem;border:1px solid rgba(106,123,138,.22);background:linear-gradient(180deg,#fcfeffe6,#e5ecf3e0)}.trend-stamp.svelte-hm85o5,.trend-code.svelte-hm85o5,.trend-metric.svelte-hm85o5 span:where(.svelte-hm85o5){color:#4d6275;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.trend-title.svelte-hm85o5{color:#20303d;font-size:.95rem;line-height:1.35}.trend-metric.svelte-hm85o5{display:grid;justify-items:end;gap:.15rem}.trend-metric.svelte-hm85o5 strong:where(.svelte-hm85o5){color:#22435f;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.82rem}@keyframes svelte-hm85o5-drift{0%{transform:translateZ(0);opacity:0}12%{opacity:.95}to{transform:translate3d(12rem,-2.4rem,0);opacity:0}}@media(max-width:1100px){.hmi-main.svelte-hm85o5{grid-template-columns:1fr;height:auto;padding-right:1rem}.viz-column.svelte-hm85o5{min-height:42rem}.trend-strip.svelte-hm85o5{margin-right:1rem}.scroll-rail.svelte-hm85o5{position:static;width:auto;flex-direction:row;flex-wrap:wrap;border-left:0;border-top:1px solid rgba(131,147,164,.22)}}@media(max-width:780px){.hmi-page.svelte-hm85o5{padding:0}.hmi-shell.svelte-hm85o5{min-height:100vh;border-radius:0}.hmi-topbar.svelte-hm85o5,.hmi-subbar.svelte-hm85o5,.article-headline.svelte-hm85o5{flex-direction:column;align-items:start}.article-section.svelte-hm85o5{grid-template-columns:1fr}.section-code.svelte-hm85o5{padding-top:0}.control-grid.svelte-hm85o5,.diagnostic-strip.svelte-hm85o5{grid-template-columns:1fr}.article-viewport.svelte-hm85o5{max-height:none}.trend-strip-head.svelte-hm85o5{flex-direction:column;align-items:start}.trend-entry.svelte-hm85o5{grid-template-columns:1fr;justify-items:start}.trend-metric.svelte-hm85o5{justify-items:start}}@media(prefers-reduced-motion:reduce){.article-viewport.svelte-hm85o5{scroll-behavior:auto}.particle.svelte-hm85o5{animation:none;opacity:.55}}