
.hazop-calc{--rc-ink:var(--ink,#173c48);--rc-muted:var(--muted,#506a75);--rc-line:var(--line,#cadcdf);--rc-accent:var(--accent,#176e81);max-width:1200px;margin-inline:auto;color:var(--rc-ink);font:400 1rem/1.75 Inter,system-ui,sans-serif;overflow-wrap:anywhere}
.hazop-calc *{box-sizing:border-box}.hazop-calc [hidden]{display:none!important}.hazop-calc :is(h2,h3,h4,p,figure){margin:0}.hazop-calc h2{font-size:clamp(1.35rem,3vw,1.85rem);font-weight:550;letter-spacing:-.03em;line-height:1.3}.hazop-calc h3{font-size:1.14rem;line-height:1.4}.hazop-calc h4{font-size:1rem;margin-block:20px 10px}.hazop-calc a{color:var(--rc-accent);text-underline-offset:.2em}.hazop-calc p{max-width:84ch}.hazop-calc__intro{display:grid;gap:14px;margin-block:24px}.hazop-calc__eyebrow{font-size:.7rem;font-weight:650;letter-spacing:.13em;color:var(--rc-muted)}.hazop-calc__intro>p,.hazop-calc__scenario>p{color:var(--rc-muted)}.hazop-calc__scenario{padding-block:18px 30px}.hazop-calc__scenario>p{margin-top:12px}.hazop-calc__lesson{padding-block:32px;border-top:1px solid var(--rc-line)}.hazop-calc__lesson h2{margin-bottom:18px}.hazop-calc__lesson h3{margin-block:24px 12px}.hazop-calc__lesson p+p{margin-top:14px}.hazop-calc__lesson li+li{margin-top:12px}.hazop-calc__lesson :is(ol,ul){padding-left:24px;max-width:85ch}.hazop-calc__equation{padding:18px 22px;border-left:3px solid var(--rc-accent);background:#edf6f6;margin-block:20px!important;font-size:1.06rem}.hazop-calc__diagram{margin-block:24px!important}.hazop-calc__diagram svg{width:100%;height:auto;display:block;border:1px solid var(--rc-line);background:#fff;border-radius:8px}.hazop-calc__diagram figcaption{font-size:.8rem;color:var(--rc-muted);margin-top:10px;max-width:90ch}.hazop-calc__diagram text{font:14px Inter,system-ui,sans-serif;fill:var(--rc-ink)}.hazop-calc__workspace{display:grid;gap:28px;align-items:start;border-top:1px solid var(--rc-line);padding-top:30px}.hazop-calc form,.hazop-calc fieldset{padding:0;margin:0;border:0;min-width:0}.hazop-calc legend{font-size:1.12rem;font-weight:600;margin-bottom:16px}.hazop-calc fieldset:disabled{opacity:.72}.hazop-calc__field{display:flex;flex-direction:column;gap:6px;margin-block:16px;min-width:0}.hazop-calc__field label{font-size:.84rem;font-weight:600;line-height:1.5}.hazop-calc :is(input[type=text],select,textarea){font:inherit;color:var(--rc-ink);background:white;border:1px solid #a1bac1;border-radius:5px;padding:10px 12px;min-height:44px;min-width:0;width:100%;max-width:100%}.hazop-calc textarea{resize:vertical}.hazop-calc [aria-invalid=true]{outline:2px solid #9b372f;outline-offset:1px}.hazop-calc__check{display:flex;gap:12px;align-items:flex-start;font-size:.83rem;margin-block:24px;cursor:pointer}.hazop-calc__check input{width:20px;height:20px;flex:0 0 20px;margin-top:4px;accent-color:var(--rc-accent)}.hazop-calc__actions{display:flex;gap:9px;flex-wrap:wrap}.hazop-calc button{font:500 .83rem/1.5 Inter,system-ui,sans-serif;min-height:44px;max-width:100%;padding:10px 14px;background:white;border:1px solid #a1bac1;border-radius:5px;color:var(--rc-ink);cursor:pointer;touch-action:manipulation}.hazop-calc button.hazop-calc__primary{background:var(--rc-accent);border-color:var(--rc-accent);color:white}.hazop-calc button:disabled{opacity:.5;cursor:default}.hazop-calc button:hover:not(:disabled){box-shadow:0 0 0 1px var(--rc-accent)}.hazop-calc :is(input,select,textarea,button,a,[tabindex]):focus-visible{outline:3px solid #277f9c;outline-offset:3px}.hazop-calc__help,.hazop-calc__privacy{font-size:.8rem;color:var(--rc-muted);margin-block:18px!important}.hazop-calc__results{padding:22px 18px;background:#f1f7f7;border:1px solid var(--rc-line);border-radius:8px;min-width:0}.hazop-calc [data-hazop-status]{font-size:.86rem;margin-block:12px}.hazop-calc [data-hazop-errors]{color:#922f27;font-size:.82rem}.hazop-calc [data-hazop-csv]{margin-top:18px}.hazop-calc__notice{padding:14px;border-left:3px solid #a86e2b;font-size:.83rem;margin-block:18px}.hazop-calc__limits{border-left:3px solid #a86e2b;padding-left:22px}.hazop-calc__table-wrap{max-width:100%;overflow-x:auto;margin-block:20px;overscroll-behavior-inline:contain}.hazop-calc table{width:100%;border-collapse:collapse;font-size:.78rem;line-height:1.55;font-variant-numeric:tabular-nums;text-align:left}.hazop-calc caption{padding-bottom:12px;text-align:left;color:var(--rc-muted)}.hazop-calc :is(td,th){border-bottom:1px solid var(--rc-line);padding:10px 8px;vertical-align:top;min-width:78px}.hazop-calc th{font-weight:600}.hazop-calc__record{margin:18px 0;display:grid;gap:0;font-size:.88rem}.hazop-calc__record>div{padding-block:12px;border-bottom:1px solid var(--rc-line)}.hazop-calc dt{font-size:.77rem;font-weight:600;color:var(--rc-muted);margin-bottom:4px}.hazop-calc dd{margin:0;white-space:pre-wrap}.hazop-calc__row-record{border-top:2px solid var(--rc-accent);margin-top:24px}.hazop-calc__summary{margin-block:20px!important;font-size:.85rem}
@media(min-width:650px){.hazop-calc__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hazop-calc__record>div{display:grid;grid-template-columns:minmax(130px,.3fr) minmax(0,1fr);gap:20px}}@media(min-width:1050px){.hazop-calc__workspace{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:30px}}@media print{.hazop-calc form,.hazop-calc button,.hazop-calc__privacy{display:none}.hazop-calc__workspace{display:block}.hazop-calc__results{background:none;border:0;padding:0}.hazop-calc__table-wrap{overflow:visible}.hazop-calc a{color:inherit}}
.hazop-calc__boundary{fill:#edf6f6;stroke:#71959e;stroke-width:1.5;stroke-dasharray:6 5}.hazop-calc__pipe{fill:none;stroke:#2d6476;stroke-width:4}.hazop-calc__arrow{fill:none;stroke:#2d6476;stroke-width:3}.hazop-calc__equipment{fill:#fff;stroke:#2d6476;stroke-width:2}.hazop-calc__pump{fill:#d5eeee;stroke:#2d6476;stroke-width:1.5}.hazop-calc__mesh{stroke:#527884;stroke-width:2}.hazop-calc__diagram .hazop-calc__deviation{fill:#914b27;font-weight:600}.hazop-calc__deviation-line{stroke:#a86e2b;stroke-width:2;stroke-dasharray:4 3}.hazop-calc fieldset.hazop-calc__editable-row{margin-block:24px;padding:20px 16px;border:1px solid var(--rc-line);border-radius:8px;background:#f7fafb}
