/* Manual: its own quiet header and footer, the contents beside the text (a "Contents" fold-out on phones). */
html{scroll-snap-type:none !important}
.mw{font-family:Lato,'Helvetica Neue',sans-serif;color:#1A3F59;background:#fff;min-height:100vh;display:flex;flex-direction:column}
.mh{border-bottom:1px solid #E8ECF0;background:#fff}
.mh-in{max-width:1200px;margin:0 auto;padding:20px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.mh-logo{display:flex}.mh-logo img{height:20px;width:auto;display:block}
.mh-right{display:flex;align-items:center;gap:20px;font-size:14px;color:#5C6B7D}
.mh-right .hl{text-decoration:none;color:#1A3F59}
.mf{margin-top:auto;border-top:1px solid #E8ECF0}
.mf-in{max-width:1200px;margin:0 auto;padding:20px 32px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;font-size:14px;color:#5C6B7D}
.mf-in a{position:relative;color:#1A3F59;text-decoration:none}
.mn{width:100%;max-width:1264px;margin:0 auto;padding:56px 32px 96px;box-sizing:border-box;display:grid;grid-template-columns:260px minmax(0,1fr);gap:72px;align-items:start}
.mn h1{margin:0;font-size:clamp(34px,3.6vw,46px);line-height:1.1;font-weight:900;letter-spacing:-.02em;color:#1A3F59;overflow-wrap:break-word;hyphens:auto}
.mn-eye{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#5C6B7D;margin-bottom:12px}
.mn-lead{margin:14px 0 0;font-size:18px;line-height:1.6;color:#4E5D70;max-width:680px}
.n{font-weight:900;color:#1A3F59;font-variant-numeric:tabular-nums}
/* contents */
.mn-side{position:sticky;top:32px;font-size:15px;max-height:calc(100vh - 48px);max-height:calc(100svh - 48px);overflow-y:auto;padding-right:12px;scrollbar-width:thin;scrollbar-color:#C4D0DC transparent}   /* a long contents list scrolls on its own */
.mn-side .k,.mn-ref .k{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#5C6B7D;margin-bottom:12px}
.mn-side .k a{color:inherit;text-decoration:none}
.mn-ch{list-style:none;margin:0;padding:0}
.mn-ch .t{display:grid;grid-template-columns:26px 1fr;padding:7px 0;text-decoration:none;color:#4E5D70;line-height:1.35}
.mn-ch .t:hover{color:#1A3F59}
.mn-ch .t .n{color:#9AA6B4}
.mn-ch .cur>.t{color:#1A3F59;font-weight:900}
.mn-ch .cur>.t .n{color:#1A3F59}
.mn-ch ul,.mn-ref ul{list-style:none;padding:0}
.mn-ch ul{margin:2px 0 10px 26px;border-left:2px solid #E8ECF0}
.mn-ch ul a{display:block;padding:6px 0 6px 14px;margin-left:-2px;border-left:2px solid transparent;color:#4E5D70;text-decoration:none;line-height:1.35;font-size:14px}
.mn-ch ul a.sub{padding-left:28px}
.mn-ch ul a.sub2{padding-left:42px}
.mn-ch ul a:hover,.mn-ref a:hover{color:#1A3F59}
.mn-ch ul a[aria-current],.mn-ref a[aria-current]{color:#1A3F59;font-weight:700;border-left-color:#FFC32D}
.mn-ref{margin-top:28px}
.mn-ref ul{margin:0}
.mn-ref a{display:block;padding:6px 0 6px 12px;margin-left:-14px;border-left:2px solid transparent;color:#4E5D70;text-decoration:none;line-height:1.35}
.mn-toc-m{display:none}
/* page */
.mn-meta{margin-top:28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));border:1px solid #E8ECF0;border-radius:10px;background:#F6F4EF;max-width:760px}
.mn-meta div{padding:16px 20px;font-size:15px;line-height:1.5;color:#33475B}
.mn-meta div+div{border-left:1px solid #E8ECF0}
.mn-meta b{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#5C6B7D;margin-bottom:4px}
.mn-body{max-width:760px}
.mn-body h2{margin:48px 0 0;font-size:22px;font-weight:900;color:#1A3F59}
.mn-body h3{margin:28px 0 0;font-size:18px;font-weight:900;color:#1A3F59}
.mn-body p,.mn-body li{font-size:17px;line-height:1.7;color:#33475B}
.mn-body p{margin:14px 0 0}
.mn-body .mn-soon{margin-top:28px;color:#5C6B7D}
.mn-body a{color:#1A3F59;text-decoration-color:#1A3F59;text-decoration-thickness:1px;text-underline-offset:4px}
.mn-body a:hover{text-decoration-thickness:2px}
.mn-body strong{color:#1A3F59}
.mn-body ul{margin:14px 0 0;padding-left:22px;list-style:disc}
.mn-body ul li::marker{color:#1A3F59}
/* numbered steps: the numbers on their own */
.mn-body ol{list-style:none;margin:20px 0 0;padding:0;counter-reset:s}
.mn-body ol>li{counter-increment:s;position:relative;padding:4px 0 20px 48px}
.mn-body ol>li::before{content:counter(s);position:absolute;left:0;top:0;font-size:26px;line-height:1.2;font-weight:900;color:#1A3F59;font-variant-numeric:tabular-nums}
.mn-body ol>li>p:first-child{margin-top:0}
.mn-body img{display:block;max-width:100%;height:auto;margin-top:24px;border:1px solid #DDE3EA;border-radius:10px}
.mn-body blockquote{margin:16px 0 0;padding:14px 18px;border-left:4px solid #FFC32D;background:#F6F4EF}
.mn-body blockquote p{margin:0;font-size:16px}
.mn-body code{font-size:.92em;background:#EEF1F4;border-radius:4px;padding:1px 5px}
.mn-body table{margin-top:20px;width:100%;border-collapse:collapse;font-size:15px}
.mn-body th,.mn-body td{text-align:left;padding:10px 12px;border-bottom:1px solid #E8ECF0;vertical-align:top}
.mn-body th{font-weight:900;color:#1A3F59}
.mn-body table.kv{max-width:520px}.mn-body table.kv th{width:45%;font-weight:700}
.mn-check{margin-top:24px;padding:20px 24px;border:1px solid #CFE6D9;background:#F1F8F4;border-radius:10px}
.mn-check b{display:block;color:#1E7A4C;font-size:13px;letter-spacing:.14em;text-transform:uppercase}
.mn-check p{margin:6px 0 0}
/* previous and next: text links */
.mn-pn{margin-top:56px;padding-top:24px;border-top:1px solid #E8ECF0;display:flex;justify-content:space-between;gap:24px;max-width:760px}
.mn-pn a{text-decoration:none;color:#1A3F59}
.mn-pn small{display:block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#5C6B7D}
.mn-pn span{display:inline-block;margin-top:6px;padding-bottom:8px;font-weight:700;font-size:17px;line-height:1.35;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:3px;text-underline-offset:6px;transition:text-decoration-color .25s ease}   /* the underline follows the text, also when it wraps */
/* hover: the same yellow bar that slides in from the left as on the rest of the website */
.mf-in a::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:3px;border-radius:2px;background:#FFC32D;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.mn-pn a:hover span,.mn-pn a:focus-visible span{text-decoration-color:#FFC32D}.mf-in a:hover::after,.mf-in a:focus-visible::after{transform:scaleX(1)}
.mn-pn a:focus-visible{outline:none}
.mn-pn .nx{text-align:right;margin-left:auto}
@media (max-width:960px){
.mh-in,.mf-in{padding:16px 20px}
.mn{grid-template-columns:minmax(0,1fr);gap:0;padding:20px 20px 72px}
.mn-side{display:none}
.mn-toc-m{display:block;margin-bottom:28px;border:1px solid #E8ECF0;border-radius:10px;padding:0 18px}
.mn-toc-m summary{cursor:pointer;padding:14px 0;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#5C6B7D}
.mn-toc-m[open]{padding-bottom:12px}
.mn-meta div+div{border-left:0;border-top:1px solid #E8ECF0}
.mn-pn{flex-direction:column}
.mn-body ol>li{padding-left:36px}
.mn-body ol>li::before{font-size:22px}
}
/* the yellow mark of the current page: one bar that slides to its new place when you move to another page */
.mn-ch ul a,.mn-ref a{position:relative}
.mn-ch ul a[aria-current],.mn-ref a[aria-current]{border-left-color:transparent}
.mk{position:absolute;left:-2px;top:0;bottom:0;width:2px;background:#FFC32D}
@media (prefers-reduced-motion: no-preference){
@view-transition{navigation:auto}
.mn-side .mk{view-transition-name:mn-mark}
::view-transition-group(mn-mark){animation-duration:.3s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}
::view-transition-old(root),::view-transition-new(root){animation-duration:.18s}
}
/* side menu hover: the text moves in a little and darkens; a step gets a grey bar on the line that grows from the middle, where the yellow mark sits for the current page */
.mn-ch .t,.mn-ch ul a,.mn-ref a{transition:color .2s ease}
.mn-ch .t>:last-child,.mn-ch .t{transition:color .2s ease}
.mn-ch .t .n{transition:color .2s ease}
.mn-ch .t:hover .n,.mn-ch .t:focus-visible .n{color:#1A3F59}
.mn-ch .t:hover,.mn-ch .t:focus-visible,.mn-ch ul a:hover,.mn-ch ul a:focus-visible,.mn-ref a:hover,.mn-ref a:focus-visible{color:#1A3F59;outline:none}
.mn-ch ul a::before,.mn-ref a::before{content:"";position:absolute;left:-2px;top:0;bottom:0;width:2px;background:#9AA6B4;transform:scaleY(0);transition:transform .2s ease}
.mn-ch ul a:hover::before,.mn-ch ul a:focus-visible::before,.mn-ref a:hover::before,.mn-ref a:focus-visible::before{transform:scaleY(1)}
.mn-ch ul a[aria-current]::before,.mn-ref a[aria-current]::before{display:none}
@media (prefers-reduced-motion: no-preference){
/* the text slides a little; done with transform so the line length (and the wrapping) never changes */
.mn-ch .t{transition:color .2s ease,transform .2s ease}
.mn-ch .t:hover,.mn-ch .t:focus-visible{transform:translateX(3px)}
.mn-ch ul a .tx,.mn-ref a .tx{display:inline-block;transition:transform .2s ease}
.mn-ch ul a:hover .tx,.mn-ch ul a:focus-visible .tx,.mn-ref a:hover .tx,.mn-ref a:focus-visible .tx{transform:translateX(4px)}
.mn-ch ul a[aria-current] .tx,.mn-ref a[aria-current] .tx{transform:none}
}

/* a newly opened chapter: the list grows open and its steps fade in one after another */
.mn-unfold{clip-path:inset(0 -12px 0 -12px);transition:height .38s cubic-bezier(.2,.7,.2,1)}
.mn-unfold>li{opacity:0;transform:translateY(-6px);transition:opacity .3s ease,transform .3s ease}
.mn-unfold-in>li{opacity:1;transform:none}
.mn-unfold-in>li:nth-child(2){transition-delay:.04s}
.mn-unfold-in>li:nth-child(3){transition-delay:.08s}
.mn-unfold-in>li:nth-child(4){transition-delay:.12s}
.mn-unfold-in>li:nth-child(5){transition-delay:.16s}
.mn-unfold-in>li:nth-child(n+6){transition-delay:.2s}
@media (prefers-reduced-motion: no-preference){
/* moving to another page: the side menu does not fade, so an unfolding chapter is not mixed with the old menu */
.mn-side{view-transition-name:mn-side}
::view-transition-group(mn-side){animation:none}
::view-transition-old(mn-side){display:none}
::view-transition-new(mn-side){animation:none}
}
/* Drawings of the platform (src/_includes/manual-ui/): white, close to the real screens (Inter, the platform's greys and navy), only what the step needs */
@font-face{font-family:"Inter";font-weight:400;font-display:swap;src:url(../../fonts/inter-regular.woff2) format("woff2")}
@font-face{font-family:"Inter";font-weight:500;font-display:swap;src:url(../../fonts/inter-medium.woff2) format("woff2")}
@font-face{font-family:"Inter";font-weight:600;font-display:swap;src:url(../../fonts/inter-semibold.woff2) format("woff2")}
.ui{margin:20px 0 0;padding:24px;border:1px solid #E8ECF0;border-radius:10px;background:#FFFFFF;color:#0A0A0A;font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:13px;line-height:1.4;max-width:100%;overflow-x:auto}
.ui svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ui-bar{display:block;height:8px;border-radius:4px;background:#EDEDED}
.ui-ph{color:#737373}
/* panels and forms */
.ui-panel{max-width:520px;border:1px solid #E5E5E5;border-radius:10px;padding:20px;background:#FFFFFF}
.ui-wide{max-width:none}
.ui-t{font-weight:600;font-size:14px}
.ui-t-lg{font-size:17px}
.ui-sub{margin-top:3px;color:#737373;font-size:12.5px}
.ui-sub b{font-weight:600;color:#525252}
.ui-lbl{margin-top:16px;font-size:13px;font-weight:500}
.ui-field{margin-top:7px;display:flex;align-items:center;justify-content:space-between;gap:8px;height:36px;box-sizing:border-box;border:1px solid #E5E5E5;border-radius:8px;padding:0 12px;background:#FFFFFF;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.ui-field svg{color:#737373;width:13px;height:13px}
.ui-sel{background:#F5F5F5}
.ui-off{opacity:.55;box-shadow:none}
.ui-grid{margin-top:2px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
.ui-actions{margin-top:20px;display:flex;justify-content:flex-end}
.ui-btn{display:inline-flex;align-items:center;gap:6px;padding:0 14px;height:34px;border-radius:8px;background:#1E3A52;color:#FFFFFF;font-weight:500;font-size:13px}
.ui-btn svg{width:13px;height:13px}
.ui-ghost{display:inline-flex;align-items:center;gap:6px;font-weight:500;font-size:13px}
.ui-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}
.ui-acts{display:flex;align-items:center;gap:14px}
.ui-x{color:#525252}
/* side menu */
.ui-side{width:240px;max-width:100%;border:1px solid #E5E5E5;border-radius:10px;padding:12px;background:#FAFAFA}
.ui-inst{display:flex;align-items:center;gap:10px;padding:2px 4px 12px}
.ui-logo{width:28px;height:28px;border-radius:7px;background:#1E3A52;color:#FFFFFF;display:flex;align-items:center;justify-content:center}
.ui-inst b{display:block;font-size:13px;line-height:1.2;font-weight:600;color:#1E3A52}
.ui-inst small{display:block;font-size:10px;font-weight:600;letter-spacing:.02em;color:#525252}
.ui-inst small.ui-on{color:#16803C}
.ui-drop{border:1px solid #E5E5E5;border-radius:8px;padding:4px;background:#FFFFFF;box-shadow:0 2px 6px rgba(0,0,0,.06)}
.ui-row{display:flex;align-items:center;gap:10px;padding:8px;border-radius:6px}
.ui-ic{width:22px;height:22px;border:1px solid #E5E5E5;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#525252}
.ui-menu .ui-row{padding:8px}
.ui-dot{width:14px;height:14px;border-radius:4px;background:#E5E5E5;flex:none}
.ui-cur{background:#F0F0F0;font-weight:500;color:#1E3A52}
.ui-cur .ui-dot{background:#1E3A52}
/* members */
.ui-member{display:flex;align-items:center;gap:14px;border:1px solid #E5E5E5;border-radius:8px;padding:12px 14px;margin-top:10px}
.ui-av{width:32px;height:32px;border-radius:50%;background:#F5F5F5;display:flex;align-items:center;justify-content:center;color:#525252;flex:none}
.ui-who{flex:1;min-width:0}
.ui-line{display:flex;align-items:center;gap:10px}
.ui-badge{display:inline-block;padding:2px 7px;border:1px solid #E5E5E5;border-radius:6px;font-size:11px;font-weight:500}
.ui-badge-d{background:#1E3A52;border-color:#1E3A52;color:#FFFFFF}
.ui-btn2{flex:none;padding:6px 11px;border:1px solid #E5E5E5;border-radius:8px;font-size:12px;font-weight:500;background:#FFFFFF;box-shadow:0 1px 2px rgba(0,0,0,.05)}
/* invite window */
.ui-dialog{max-width:440px;margin:0 auto;border:1px solid #E5E5E5;border-radius:12px;padding:22px;background:#FFFFFF;box-shadow:0 8px 24px rgba(0,0,0,.10)}
.ui-dialog .ui-head{margin-bottom:12px}
.ui-pick{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #E5E5E5}
.ui-pick:last-child{border-bottom:0}
.ui-dialog .ui-field+.ui-pick{margin-top:6px}
.ui-role{flex:none;display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border:1px solid #E5E5E5;border-radius:8px;font-size:12px;font-weight:500;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.ui-role svg{width:12px;height:12px}
/* component onboarding */
.ui-cols{margin-top:16px;display:grid;grid-template-columns:minmax(232px,1fr) minmax(0,2.2fr);gap:18px;align-items:start}
.ui-left{display:grid;gap:10px;align-content:start}
.ui-left .ui-lbl{margin-top:6px}
.ui-wbtn{display:flex;align-items:center;justify-content:center;gap:8px;height:32px;padding:0 10px;border:1px solid #E5E5E5;border-radius:8px;background:#F5F5F5;font-weight:500;font-size:12.5px;flex:1;white-space:nowrap}
.ui-imp{display:flex;align-items:center;gap:8px}
.ui-ico{color:#1E3A52;padding:0 4px}
.ui-grp{border:1px solid #E5E5E5;border-radius:8px;padding:10px}
.ui-grph{display:flex;align-items:center;gap:8px}
.ui-grph span:first-child{flex:1}
.ui-cnt{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:9px;background:#F5F5F5;border:1px solid #E5E5E5;font-size:10.5px;font-weight:500;color:#525252}
.ui-grph svg{color:#525252;width:12px;height:12px}
.ui-dev{margin-top:10px;padding:7px 10px;border-radius:6px;background:#F5F5F5;border:1px solid #EDEDED}
.ui-right{border:1px solid #E5E5E5;border-radius:10px;padding:16px 18px}
.ui-right .ui-t-lg+.ui-lbl{margin-top:12px}
.ui-form{max-width:none}
@media (max-width:640px){.ui-cols,.ui-grid{grid-template-columns:minmax(0,1fr)}.ui-btn2{display:none}}
/* device options: a row with icon, title, description and a switch */
.ui-opt{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #E5E5E5;border-radius:10px;padding:14px 16px}
.ui-opth{display:flex;align-items:center;gap:8px;font-weight:500;font-size:13.5px}
.ui-opt .ui-sub{margin-top:4px}
.ui-tog{flex:none;position:relative;width:34px;height:19px;border-radius:10px;background:#E5E5E5}
.ui-tog::after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#FFFFFF;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.ui-tog-on{background:#1E3A52}
.ui-tog-on::after{left:17px}
.ui-field-2{height:auto;padding-top:6px;padding-bottom:6px}
.ui-model{display:flex;align-items:center;gap:10px}
.ui-model svg{width:18px;height:18px;color:#525252}
.ui-model small{display:block;color:#737373;font-size:11.5px}
.ui-note{margin-top:8px;border:1px solid #E5E5E5;border-radius:10px;padding:14px 16px}
.ui-btns{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}
.ui-btn-l{background:#F5F5F5;color:#0A0A0A;border:1px solid #E5E5E5}
.ui-cfg{margin-top:12px;border:1px solid #E5E5E5;border-radius:10px;padding:16px;background:#FAFAFA}
.ui-note-solo{margin-top:0;max-width:520px;background:#FFFFFF}

/* Device Connection QR Code window */
.ui-qr{display:grid;justify-items:center;gap:12px;margin:4px 0 18px}.ui-qr-img{padding:9px;border:1px solid #E5E5E5;border-radius:8px;background:#FFFFFF;max-width:100%}.ui-qr .ui-qr-img svg{width:150px;height:150px;max-width:100%}.ui-head-nw{flex-wrap:nowrap}.ui-head-nw .ui-x{flex:none}.ui-qr-dl{flex:none;width:206px;max-width:100%;background:#FFFFFF}.ui-link{display:flex;gap:8px;align-items:center}.ui-link .ui-field{flex:1;min-width:0;margin:0}.ui-mono span{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-ico-b{flex:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #E5E5E5;border-radius:8px}.ui-qr-n{margin-top:10px;font-size:11.5px}
.ui-step-t{margin-top:22px}.ui-foot{margin-top:14px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px}.ui-ghost svg{width:13px;height:13px}
.ui-ok{margin-top:14px;display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #E5E5E5;border-radius:8px;background:#FAFAFA;color:#525252;overflow-wrap:anywhere}.ui-ok svg{flex:none;width:14px;height:14px;color:#16A34A}.ui-ok b{font-weight:500;color:#404040}.ui-fb{font-weight:500;color:#0A0A0A}.ui-foot-c{align-items:center;margin-top:18px}
/* EDE file before and after formatting */
.ui-sheets{display:grid;gap:22px}
.ui-sh-t{font-weight:600;font-size:13px;margin-bottom:8px}
.ui-sh-scroll{overflow-x:auto;border:1px solid #D4D4D4;border-radius:6px}
.mn-body .ui-sh-g{margin:0;width:auto;min-width:100%;border-collapse:collapse;font-size:11.5px;font-family:Inter,"Helvetica Neue",Arial,sans-serif}
.mn-body .ui-sh-g td,.mn-body .ui-sh-g th{border:1px solid #E5E5E5;padding:4px 8px;white-space:nowrap;text-align:left;font-weight:400;color:#262626}
.mn-body .ui-sh-g th{background:#F5F5F5;color:#737373;text-align:right;width:1%}
.mn-body .ui-sh-g td:first-of-type{font-weight:600}
.mn-body .ui-sh-del td{background:#FDECEC;color:#9B2C2C;text-decoration:line-through;text-decoration-color:rgba(155,44,44,.5)}
.mn-body .ui-sh-head td{background:#EAF2E3;font-weight:600}
.mn-body .ui-sh-more td,.mn-body .ui-sh-more th{color:#A3A3A3;border-bottom:0}
/* extraction */
.ui-lbl-0{margin-top:0}
.ui-code{margin:6px 0 0;padding:12px 14px;border-radius:8px;background:#F5F5F5;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11.5px;line-height:1.55;color:#262626;white-space:pre-wrap;overflow-wrap:anywhere}
.ui-xrow+.ui-xrow{margin-top:12px}
.ui-xres{margin-top:2px}
.ui-ab{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ui-ab .ui-btn{justify-content:center}
.ui-btn-l{background:#F5F5F5;color:#0A0A0A;border:1px solid #E5E5E5}
.ui-area{min-height:56px;align-items:flex-start;padding-top:10px}
.ui-actions-g{gap:8px}
.ui-ab svg,.ui-actions-g svg{fill:none;stroke:currentColor;stroke-width:1.4;width:13px;height:13px}
.ui-panel>.ui-ab:first-child{margin-top:0}
/* select the datapoint name column */
.ui-colg{margin-top:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ui-colc{border:1px solid #E5E5E5;border-radius:8px;padding:12px;min-width:0}
.ui-colc-on{background:#F3F4F6;border-color:#D4D4D4}
.ui-colc-t{font-weight:600}
.ui-colc-k{margin:8px 0 4px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#737373}
.ui-colc-v{margin-top:4px;padding:4px 6px;border-radius:4px;background:#F5F5F5;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ui-colc-on .ui-colc-v{background:#EBECEE}
@media (max-width:640px){.ui-colg{grid-template-columns:minmax(0,1fr)}}
.ui-wait{margin:28px 0 14px;display:grid;justify-items:center;gap:4px;text-align:center}.ui-wait svg{width:16px;height:16px;fill:none;stroke:#404040;stroke-width:1.4;margin-bottom:8px}
.ui-done-i{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#DCFCE7;margin-bottom:8px}.ui-done .ui-done-i svg{width:20px;height:20px;stroke:#15803D;margin:0}.ui-done-n{font-weight:500;margin-top:4px}.ui-done-s{font-size:11.5px;margin:6px 0 12px}
/* datapoints overview */
.ui-q{display:flex;gap:8px;align-items:center}.ui-q .ui-field{flex:1;min-width:0;margin:0}
.ui-btn-off{background:#94A3B8}
.ui-btn-s{flex:none;font-size:11.5px;height:30px;padding:0 10px}.ui-q svg,.ui-tree svg{fill:none;stroke:currentColor;stroke-width:1.4;width:13px;height:13px}
.ui-sw{margin-top:10px;display:flex;align-items:center;gap:8px}
.ui-tabs{margin-top:14px;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #E5E5E5;color:#525252}
.ui-tabs span{padding:8px 4px}.ui-tabs .ui-tab-on{color:#0A0A0A;font-weight:500;box-shadow:inset 0 -2px 0 #0A0A0A}
.ui-tree{margin-top:16px;display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #E5E5E5;border-radius:8px;font-weight:500}
@media (max-width:640px){.ui-q{flex-wrap:wrap}.ui-q .ui-field{flex-basis:100%}}
.ui-tree-open{display:block;padding:0}.ui-tree-h{display:flex;align-items:center;gap:8px;padding:10px 12px}
.ui-tbl{overflow-x:auto;border-top:1px solid #E5E5E5}
.mn-body .ui-tbl table{margin:0;width:100%;border-collapse:collapse;font-size:11px;font-weight:400}
.mn-body .ui-tbl th{padding:8px 12px;text-align:left;font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#525252;border-bottom:1px solid #E5E5E5}
.mn-body .ui-tbl td{padding:10px 12px;border-bottom:1px solid #EDEDED;vertical-align:middle;color:#262626}
.mn-body .ui-tbl .ui-r{text-align:right}
.ui-mono2{font-family:ui-monospace,Menlo,Consolas,monospace}.ui-tags{color:#404040}.ui-dp{font-size:10px;color:#525252;white-space:nowrap}
.ui-acts2{white-space:nowrap}.ui-acts2>span{margin-left:8px}.ui-acts2 svg{fill:none;stroke:currentColor;stroke-width:1.4;width:12px;height:12px}
@media (max-width:640px){.mn-body .ui-tbl table{min-width:600px}}
.mn-body .ui-tbl td:first-child{width:34%}
/* datapoint plot */
.ui-dialog-w{max-width:600px}
.ui-seg{display:inline-flex;gap:2px;padding:3px;border-radius:8px;background:#F0F0F0}.ui-seg span{padding:4px 10px;border-radius:6px;color:#525252}.ui-seg .ui-seg-on{background:#FFFFFF;color:#0A0A0A;font-weight:500;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.ui-plot{border:1px solid #E5E5E5;border-radius:10px;padding:16px}
.ui-chart{display:block;width:100%;height:auto;margin-top:10px}
.ui-chart text{font-size:9.5px;fill:#525252;font-family:Inter,"Helvetica Neue",Arial,sans-serif}
.ui-chart .g{stroke:#EDEDED;stroke-width:1;stroke-dasharray:3 3}
.ui-chart .l{fill:none;stroke:#0A0A0A;stroke-width:1.6;stroke-linejoin:round}
.ui-plot svg.ui-chart{width:100%;height:auto;max-width:none;stroke:none}
.ui-acts2 .ui-ghost,.ui-acts2 .ui-btn{font-size:11px}.ui-acts2 .ui-btn{height:26px;padding:0 8px}.ui-acts2>span{margin-left:6px}
.mn-body .ui-tbl td,.mn-body .ui-tbl th{padding-left:9px;padding-right:9px}
.ui-field-on{border-color:#0A0A0A}.mn-body .ui-tbl .ui-num{white-space:nowrap;color:#404040}.mn-body .ui-tbl .ui-num b{font-weight:500;color:#0A0A0A}
.ui-q2{margin-top:8px}.ui-chips{margin-top:12px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.ui-chips .ui-sub{margin:0 4px 0 0}.ui-chip{padding:3px 9px;border:1px solid #E5E5E5;border-radius:999px;font-size:11px;font-weight:500;background:#FFFFFF}
.ui-chip-on{background:#1E3A52;border-color:#1E3A52;color:#FFFFFF}.ui-clear{font-size:11px;font-weight:500;margin-left:4px}
.ui-tree+.ui-tree{margin-top:6px}
.ui-panel>.ui-tree:first-child{margin-top:0}
/* line drawings of the hardware (svg.iso), in the style of hairline figures */
.ui-draw{padding:20px 16px}
.ui-draw svg{max-height:calc(100vh - 80px);max-height:calc(100svh - 80px)} /* the whole frame always fits on the screen */
.ui svg.iso{display:block;width:100%;height:auto;max-width:100%;--hi:#1A3F59;--edge:#7F95AA;--mid:#B3C1CE;--lo:#D9E1E9;--plate:#fff}
.ui svg.iso *{fill:none;stroke:var(--mid);stroke-width:.9;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.ui svg.iso .sil{stroke:var(--edge)}
.ui svg.iso .plf,.ui svg.iso .pl{fill:var(--plate)}
.ui svg.iso .pl{stroke:none}
.ui svg.iso .foam{fill:#F2F5F8;stroke:var(--edge)}
.ui svg.iso .pk{fill:#E6ECF2;stroke:var(--mid)}
.ui svg.iso .fill,.ui svg.iso .fill *{fill:var(--edge);stroke:none}
.ui svg.iso image{stroke:none;opacity:.55}
.ui svg.iso text{stroke:none;fill:var(--edge);font-family:Lato,Arial,sans-serif}
.ui svg.iso .gd{stroke:var(--lo);stroke-dasharray:3 4}
.ui svg.iso .lab{opacity:0}
.ui svg.iso .ldr{stroke:var(--hi)}
.ui svg.iso .dot{fill:var(--hi);stroke:none}
.ui svg.iso .lb{fill:var(--hi);font-weight:700;font-size:15px}
.ui svg.iso .part.lit .sil{stroke:var(--hi)}
.ui svg.iso .part.lit .mid{stroke:var(--edge)}
.ui svg.iso .part.lit .fill,.ui svg.iso .part.lit .fill *{fill:var(--hi)}
.ui svg.iso .part.lit image{opacity:1}
.ui svg.iso .part.lit .tl{fill:var(--hi)}
.ui svg.iso .part.lit .gd{stroke:var(--edge)}
.ui svg.iso *{transition:stroke .3s,fill .3s}
@media (prefers-reduced-motion:reduce){.ui svg.iso *{transition:none}}
.ui svg.iso .tk{fill:#1A3F59;font-weight:700;font-size:11px;letter-spacing:.06em}.ui-asm svg.iso .lb{font-size:12px}.ui-asm svg.iso{max-width:560px;margin:0 auto}
.ui svg.asm-x .sil{stroke:var(--hi)}.ui svg.asm-x .mid{stroke:var(--edge)}.ui svg.asm-x .fill,.ui svg.asm-x .fill *{fill:var(--hi)}.ui svg.asm-x image{opacity:1}.ui svg.asm-x .tl{fill:var(--hi)}.ui svg.asm-x .lb{font-size:16px}
/* what is in the box: compact tiles instead of a long list */
.kit{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.kit-i{display:flex;align-items:baseline;gap:10px;padding:12px 14px;border:1px solid #E8ECF0;border-radius:8px;background:#FFFFFF;min-width:0}
.kit-i b{flex:none;min-width:22px;font-weight:900;color:#1A3F59;font-variant-numeric:tabular-nums}
.kit-i span{font-size:15px;line-height:1.3;color:#1A3F59;min-width:0}
.kit-i small{display:block;margin-top:2px;font-size:12.5px;color:#5C6B7D}
@media (max-width:640px){.kit{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Mount the Link: free space around the Link */
.ui.ui-space{padding:14px 16px}.ui.ui-space svg.iso{max-width:260px;margin:0 auto}
.ui svg.clr-x .walls rect{fill:url(#clr-hatch);stroke:none}
.ui svg.clr-x .hatch{stroke:#B3C1CE;stroke-width:1}
.ui svg.clr-x .wall{stroke:#1A3F59;stroke-width:2.2}
.ui svg.clr-x .link .sil{stroke:var(--hi);stroke-width:1.2}.ui svg.clr-x .link .mid{stroke:var(--edge)}.ui svg.clr-x .link .fill,.ui svg.clr-x .link .fill *{fill:var(--hi)}.ui svg.clr-x .link .tl{fill:var(--hi)}   /* the Link as in the assembly drawing */
.ui svg.clr-x .dim{stroke:#7F95AA;stroke-width:1.2}
.ui svg.clr-x .lbl{fill:#1A3F59;stroke:none;font-family:Lato,"Helvetica Neue",Arial,sans-serif;font-weight:900;font-size:15px}
/* safety callouts in the manual: danger (red) and warning (amber) */
.mn-safety{margin:16px 0 0;padding:14px 18px 14px 16px;border-radius:8px;border:1px solid;display:grid;grid-template-columns:22px 1fr;gap:4px 12px;align-items:start}
.mn-safety svg{width:22px;height:22px;grid-row:span 2}
.mn-safety b{font-size:13px;letter-spacing:.14em;text-transform:uppercase}
.mn-safety p{margin:0;font-size:16px;grid-column:2}
.mn-safety ul{margin:0;padding-left:18px;font-size:16px;grid-column:2}.mn-safety ul li+li{margin-top:4px}
.mn-safety p+p,.mn-safety ul+p,.mn-safety p+ul{margin-top:8px}.mn-safety p.t{font-weight:900;color:#1A3F59}.mn-safety a{color:inherit;font-weight:700}
.mn-safety.danger{border-color:#C0392B;background:#FDEEEC}.mn-safety.danger b,.mn-safety.danger svg{color:#C0392B}
.mn-safety.warning{border-color:#B45309;background:#FFF3E3}.mn-safety.warning b,.mn-safety.warning svg{color:#B45309}
/* Network settings: the bottom of the Link with the Ethernet ports */
.ui.ui-ports{padding:14px 16px}.ui.ui-ports svg.iso{max-width:520px;margin:0 auto}
.ui svg.ports-x .sil{stroke:var(--hi)}.ui svg.ports-x .mid{stroke:var(--edge)}
.ui svg.ports-x .pin{fill:var(--hi);stroke:none}.ui svg.ports-x .led{fill:#EEF3F7;stroke:var(--edge)}.ui svg.ports-x .slot{fill:#EEF3F7;stroke:var(--edge)}
.ui svg.ports-x .port1{fill:#FFFFFF;stroke:var(--hi)}.ui svg.ports-x .jack1{fill:#F1F4F7;stroke:var(--hi)}.ui svg.ports-x .jackl1{stroke:var(--hi)}
.ui svg.ports-x .port2{fill:#1A3F59;stroke:var(--hi)}.ui svg.ports-x .jack2{fill:#3A5A74;stroke:#9DB0C2}.ui svg.ports-x .jackl2{stroke:#9DB0C2}
.ui svg.ports-x .ldr{stroke:var(--hi)}.ui svg.ports-x .ldr.lt{stroke:var(--mid)}
.ui svg.ports-x .lb{fill:var(--hi);stroke:none;font-weight:900;font-size:15px}.ui svg.ports-x .lbs{fill:#5C6B7D;stroke:none;font-weight:700;font-size:12px}
/* two drawings side by side (right or wrong) */
.mn-body .ui-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}
.mn-body .ui-pair figure{margin:0}.mn-body .ui-pair img{margin-top:0}
.mn-body .ui-pair figcaption,.mn-body .ui-cap{margin:8px 0 0;font-size:14px;color:#5C6B7D;text-align:center}.mn-body .ui-pair .ui{margin-top:0}
.mn-body ol>li img,.mn-body ol>li .ui-pair{margin-top:16px}.mn-body ol>li blockquote{margin-top:16px}
@media (max-width:640px){.mn-body .ui-pair{grid-template-columns:1fr}}
/* Modbus RTU drawings */
.ui.ui-rtu{padding:14px 16px}.ui.ui-rtu svg.iso{max-width:520px;margin:0 auto}.ui.ui-rtu.terms svg.iso{max-width:460px}
.ui svg.rtu-x .sil{stroke:var(--hi)}.ui svg.rtu-x .mid{stroke:var(--edge)}
.ui svg.rtu-x .pin{fill:var(--hi);stroke:none}.ui svg.rtu-x .led,.ui svg.rtu-x .slot{fill:#EEF3F7;stroke:var(--edge)}
.ui svg.rtu-x .port1{fill:#FFFFFF;stroke:var(--hi)}.ui svg.rtu-x .jack1{fill:#F1F4F7;stroke:var(--hi)}
.ui svg.rtu-x .port2{fill:#1A3F59;stroke:var(--hi)}.ui svg.rtu-x .jack2{fill:#3A5A74;stroke:#9DB0C2}
.ui svg.rtu-x .rs.hi .sil{stroke:var(--hi);stroke-width:1.6}
.ui svg.rtu-x .wire{fill:none;stroke:#8FA3B5;stroke-width:5;stroke-linecap:round}.ui svg.rtu-x .wire.thin{stroke-width:1.4;stroke:var(--hi)}
.ui svg.rtu-x .wire.good{stroke:#1E7A4C}.ui svg.rtu-x .wire.bad{stroke:#C0392B}
.ui svg.rtu-x .w1{stroke:#1A3F59}.ui svg.rtu-x .w2{stroke:#9DB0C2}.ui svg.rtu-x .w3{stroke:#D9E1E9}
.ui svg.rtu-x .ok{fill:none;stroke:#1E7A4C;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}
.ui svg.rtu-x .no circle{fill:none;stroke:#C0392B;stroke-width:6}.ui svg.rtu-x .no line{stroke:#C0392B;stroke-width:6;stroke-linecap:round}
.ui svg.rtu-x .lb{fill:var(--hi);stroke:none;font-weight:900;font-size:14px}.ui svg.rtu-x .lbs{fill:#5C6B7D;stroke:none;font-weight:700;font-size:12px}
.ui svg.rtu-x .lbt{fill:var(--hi);stroke:none;font-weight:900;font-size:12px}.ui svg.rtu-x .lbx{fill:var(--hi);stroke:none;font-weight:700;font-size:10px}
.ui svg.rtu-x .dev text{font-size:11px}

/* On-site onboarding: the Interactive configuration pages, drawn as a phone screen */
.ui-mob{max-width:300px;margin:0 auto;border:1px solid #E5E5E5;border-radius:18px;padding:18px 16px;background:#FFFFFF;display:flex;flex-direction:column;gap:12px}
.ui-mob .ui-sub{margin-top:2px}.ui-mob>.ui-t-lg{font-size:18px}.ui-mob>.ui-t-lg+.ui-sub{margin-top:-8px}
.ui-mobh{display:flex;justify-content:flex-end}
.ui-mob .ui-tabs{margin-top:0;justify-content:flex-start;gap:22px}.ui-mob .ui-tabs span{padding:8px 2px}
.ui-dc{border:1px solid #E5E5E5;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px}
.ui-dc .ui-t-lg{font-size:16px}.ui-dc-c{align-items:center;text-align:center}
.ui-dc-h{display:flex;align-items:center;gap:12px;text-align:left}
.ui-dc-h .ui-t{font-size:14px;margin-top:2px}
.ui svg.ui-dc-pic{width:52px;height:36px;color:#8A8A8A;stroke-width:1.2}
.ui svg.ui-dc-pic-lg{width:120px;height:56px;margin:4px 0 2px}
.ui-dc-h svg.ui-dc-pic-lg{width:60px;height:28px;margin:0}
.ui-btn-w{justify-content:center;width:100%;box-sizing:border-box;margin-top:2px}
.ui-dc-c .ui-btn-w{margin-top:4px}
.ui-back{align-self:flex-start}
.ui-kv{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:13px;color:#525252}
.ui-kv .ui-badge{font-size:12px;padding:3px 9px;color:#0A0A0A}.ui-kv .ui-badge-d{color:#FFFFFF}
.ui-dc .ui-lbl{margin-top:2px;align-self:stretch}.ui-dc .ui-field{margin-top:6px;align-self:stretch;margin-bottom:4px}
.ui-pill{display:inline-block;padding:10px 24px;border-radius:10px;background:#DCFCE7;color:#166534;font-weight:600;font-size:16px;margin-top:4px}
.ui-dc-msg{font-size:14px;color:#404040;margin-bottom:6px}
.ui-toast{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid #E5E5E5;border-radius:10px;background:#FFFFFF;box-shadow:0 4px 12px rgba(0,0,0,.08);color:#525252;font-size:12.5px}
.ui-toast svg{width:16px;height:16px;margin-top:1px}
.ui-mob-fab{position:relative}.ui-mob-empty{height:150px}
.ui-fab{position:absolute;right:16px;bottom:16px;width:46px;height:46px;border-radius:50%;background:#1E3A52;color:#FFFFFF;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.18)}.ui-fab svg{width:18px;height:18px;stroke-width:1.8}
.ui-sub-l{font-size:13px;margin-top:-6px}
.ui-dc-txt{gap:6px}.ui-dc-txt .ui-dc-msg{margin:0;font-size:13px}
.ui-scan{border:1.5px dashed #BDBDBD;border-radius:12px;padding:70px 18px;display:grid;justify-items:center;gap:10px;text-align:center;color:#0A0A0A}
.ui svg.ui-cam{width:36px;height:36px;stroke-width:1.5}.ui-scan-t{font-size:14px;line-height:1.35}
.mn-body .ui-pair>div{display:flex;flex-direction:column}.mn-body .ui-pair .ui:has(.ui-mob){flex:1;display:flex;flex-direction:column}.mn-body .ui-pair .ui-mob{flex:1;width:100%;box-sizing:border-box}
/* Workflows: the two workflow types to choose from */
.ui-wf{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px}.ui-wf span{display:flex;align-items:center;justify-content:center;min-width:180px;height:56px;padding:0 18px;border:1px solid #E5E5E5;border-radius:10px;font-weight:500;font-size:13px;background:#FFFFFF;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.ui-ghost-s{font-size:11.5px;flex:none;margin-top:4px}
.ui-wfh{display:flex;align-items:flex-start;gap:10px}.ui-wfh>svg{margin-top:3px;color:#525252}.ui-req{color:#DC2626;font-style:normal}.ui-chips-col{margin-top:8px;flex-direction:column;align-items:flex-start;gap:7px}.ui-chip-dp{font-weight:500}.ui-chip-dp small{font-weight:400;color:#737373;font-size:11px}
/* workflow sliders */
.ui-sl{margin-top:14px}.ui-sl-h{display:flex;justify-content:space-between;font-size:12.5px}.ui-sl-h span:first-child{font-weight:500}.ui-sl-h span:last-child{color:#525252}.ui-sl-t{position:relative;margin-top:8px;height:4px;border-radius:2px;background:#E5E5E5}.ui-sl-t i{position:absolute;left:0;top:0;bottom:0;border-radius:2px;background:#1E3A52}.ui-sl-t b{position:absolute;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#FFFFFF;border:1px solid #BDBDBD;box-shadow:0 1px 2px rgba(0,0,0,.15)}
.ui-opt-s{padding:10px 12px;margin-top:14px}.ui-opt-s .ui-opth{font-size:12.5px}
/* the demand-based ventilation demo from the Optimize page, inside the manual */
.mn-body .dbv-demo{margin:20px 0 0;padding:28px 32px 24px;border:1px solid #E8ECF0;border-radius:10px;background:#FFFFFF}
.mn-body .dbv-demo svg{display:block;width:100%;height:auto}
.dbv-demo .rvo-switch{display:inline-flex;align-items:center;gap:14px;background:none;border:0;padding:0;font:inherit;font-size:16px;font-weight:700;color:#1A3F59;cursor:pointer}
.dbv-demo .rvo-switch .track{position:relative;width:52px;height:30px;border-radius:15px;background:#C4CCD6;transition:background .25s ease;flex:none}
.dbv-demo .rvo-switch .knob{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#FFFFFF;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .25s ease}
.dbv-demo .rvo-switch[aria-checked="true"] .track{background:#1A3F59}
.dbv-demo .rvo-switch[aria-checked="true"] .knob{transform:translateX(22px)}
.dbv-demo .rvo-switch:focus-visible{outline:2px solid #1A3F59;outline-offset:4px;border-radius:16px}
.dbv-demo .m-ph{display:none}
@media (max-width:760px){.dbv-demo .m-hide{display:none}.dbv-demo .m-ph{display:flex}}
/* Radiator Valve Optimization configuration */
.ui-rvo-h{font-weight:600;font-size:16px;margin-bottom:12px}
.ui-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ui-stp{display:flex;gap:10px;align-items:flex-start;border:1px solid #E5E5E5;border-radius:10px;padding:14px}
.ui-stp-on{background:#F5F7FA;border-color:#1E3A52}
.ui-num{flex:none;width:20px;height:20px;border-radius:50%;background:#E5E5E5;color:#525252;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center}
.ui-stp-on .ui-num{background:#1E3A52;color:#FFFFFF}
.ui-stp .ui-t{font-size:13px}.ui-stp-s{margin-top:8px;padding-left:4px}
.ui-rvo-sec{font-weight:600;font-size:14px;margin:0 0 10px}
.ui-rvo .ui-rvo-sec+.ui-panel{margin-top:0}
.ui-badge b{font-weight:600}
.ui-sl-row{display:flex;align-items:center;gap:14px}.ui-sl-row .ui-sl-t{flex:1;margin:0}.ui-sl-row .ui-ic{width:26px;height:26px}
.ui-sl-lbls{display:flex;justify-content:space-between;margin:10px 0 8px;font-size:11px;color:#737373}.ui-sl-lbls .ui-on{color:#1E3A52;font-weight:600}
.ui-adv{margin-top:12px;border:1px solid #E5E5E5;border-radius:8px;background:#FAFAFA}
.ui-adv-r{display:flex;align-items:center;gap:12px;padding:10px 12px}.ui-adv-r+.ui-adv-r{border-top:1px solid #E5E5E5}.ui-adv-r>div{flex:1;min-width:0}
.ui-adv-r0{padding:0 0 14px;border-bottom:1px solid #E5E5E5}
.ui-field-n{display:inline-flex;align-items:center;justify-content:center;width:62px;height:32px;margin:0;padding:0;flex:none}
.ui-adv-r small,.ui-time small{font-size:11px;color:#737373;flex:none}
.ui-chk{display:flex;gap:10px;align-items:flex-start;margin-top:14px}.ui-box{flex:none;width:14px;height:14px;border:1px solid #737373;border-radius:3px;margin-top:2px}
.ui-slot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;border:1px solid #E5E5E5;border-radius:8px;padding:10px 12px}
.ui-days{display:flex;gap:4px;flex-wrap:wrap}.ui-day{padding:3px 8px;border-radius:4px;font-size:11px;font-weight:500;color:#525252;background:#F5F5F5}.ui-day-on{background:#1E3A52;color:#FFFFFF}
.ui-time{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ui-time svg{color:#525252}
@media (max-width:640px){.ui-steps{grid-template-columns:1fr}}
.ui-steps-s .ui-stp{padding:12px}.ui-num-ok{background:#FFFFFF;border:1px solid #BBF7D0}.ui-num-ok svg{width:14px;height:14px}.ui-done-t{margin-left:auto;font-size:11px;font-weight:600;color:#16A34A}
.ui-rooms{border:1px solid #E5E5E5;border-radius:10px;overflow:hidden}
.ui-room{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#FAFAFA}.ui-room+.ui-room{border-top:1px solid #E5E5E5}.ui-room>div:first-child{flex:1;min-width:0}.ui-room .ui-ic{width:24px;height:24px;background:#FFFFFF}
.ui-room-open{background:#FAFAFA}.ui-room-body{padding:14px;border-top:1px solid #E5E5E5;background:#FFFFFF}
.ui-room-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}.ui-room-top .ui-time small b{font-weight:600;color:#404040}.ui-btn2 svg{width:12px;height:12px;vertical-align:-2px;margin-right:4px}
.ui-foot .ui-btn-s{height:32px}
.ui-err{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border:1px solid #FECACA;border-radius:8px;background:#FEF2F2;color:#B91C1C;font-size:12px;line-height:1.4}.ui-err svg,.ui-err-l svg{flex:none;color:#DC2626;width:14px;height:14px}
.ui-slot-err{margin-top:10px;border-color:#FCA5A5;background:#FFF7F7}.ui-field-err{border-color:#FCA5A5}
.ui-err-l{flex-basis:100%;display:flex;align-items:center;gap:6px;color:#B91C1C;font-size:11.5px}
/* Dashboard */
.ui-dash .ui-t-lg{font-size:16px}
.ui-wx{margin-top:16px;border-radius:12px;padding:16px 18px 14px;background:linear-gradient(180deg,#2E5674 0%,#6E95B4 55%,#F3F6F9 100%);color:#FFFFFF}
.ui-wx-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.ui-wx-t{font-size:30px;font-weight:600;line-height:1}.ui-wx-t small{font-size:12px;margin-left:2px}.ui-wx-d{font-size:11px;margin-top:4px;opacity:.9}.ui-wx-d b{font-weight:600}
.ui svg.ui-wx-arc{width:220px;max-width:45%;height:auto;stroke:#FFFFFF;stroke-width:1;opacity:.9}.ui-wx-arc text{fill:#FFFFFF;font-size:6px;stroke:none;letter-spacing:.06em}
.ui-wts{margin-top:18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ui-wt{background:#FFFFFF;border-radius:8px;padding:10px 12px;color:#0A0A0A;box-shadow:0 1px 3px rgba(0,0,0,.08)}.ui-wt-h{font-size:10.5px;color:#525252}
.ui-wt-v{display:flex;align-items:baseline;gap:3px;margin-top:4px}.ui-wt-v b{font-size:17px;font-weight:600}.ui-wt-v small{font-size:10px;color:#525252}.ui-wt-v span{margin-left:auto;font-size:10px;color:#525252}
.ui-wt .ui-sl-t{margin-top:8px;height:3px}
.ui-dash-h{margin:22px 0 10px}.ui-dash-h .ui-sub{margin-top:2px}
.ui-empty-box{border:1px solid #E5E5E5;border-radius:10px;padding:28px 16px;display:grid;justify-items:center;gap:6px;text-align:center}.ui-empty-box .ui-btn{margin-top:8px}
.ui-tbl-s{margin-top:10px;border:1px solid #E5E5E5;border-radius:8px;overflow:hidden}.ui-tbl-h{padding:9px 12px;font-weight:600;text-align:center;border-bottom:1px solid #E5E5E5;background:#FAFAFA}.ui-tbl-e{padding:24px;text-align:center;color:#525252}
@media (max-width:640px){.ui-wts{grid-template-columns:1fr 1fr}}
/* KPI card */
.ui-kpi{max-width:380px;border:1px solid #E5E5E5;border-radius:14px;padding:18px 20px;background:linear-gradient(135deg,#FFFFFF 45%,#FDE2E4 100%)}
.ui-kpi-ic{width:40px;height:40px;border-radius:12px;background:#F5F5F5;display:flex;align-items:center;justify-content:center}
.ui-kpi-row{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:10px}
.ui-kpi-v{font-size:44px;font-weight:600;line-height:1;letter-spacing:-.02em}.ui-kpi-v small{font-size:14px;margin-left:4px;font-weight:500}
.ui-kpi-trend{text-align:right}.ui-kpi-trend .ui-sub{margin-top:4px}
.ui-kpi-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;background:#FCE7EA;color:#BE123C;font-size:11.5px;font-weight:600}
.ui svg.ui-kpi-line{display:block;width:100%;height:40px;margin-top:16px}
.ui-pager{margin-top:12px;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px 16px;font-size:12px;font-weight:500}.ui-pager .ui-field-n{gap:4px;padding:0 6px}.ui-pager .ui-field-n svg{width:11px;height:11px}.ui-pgs{display:flex;gap:6px}.ui-pg{width:26px;height:26px;border:1px solid #E5E5E5;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#737373;background:#FFFFFF}
.ui-cmenu{position:relative;padding-bottom:150px}.ui-colhead{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px}.ui-colhead.ui-hl{background:#F0F0F0}
.ui-cmenu-drop{position:absolute;left:50%;top:48px;width:170px;margin-left:-20px}.ui-cmenu-drop .ui-row{gap:12px;font-size:13px}.ui-cmenu-drop svg{width:14px;height:14px;color:#737373}.ui-sep{height:1px;background:#E5E5E5;margin:4px 0}
.ui-ccol{max-width:200px;margin:0 auto}.ui-ccell{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-top:1px solid #E5E5E5;font-size:14px;color:#1E3A52}.ui-ccell:first-of-type{border-top:0}.ui-ccell svg{width:16px;height:16px}.ui-ccell-hl{background:#FAFAFA}.ui-ccell-hl svg{stroke-width:1.9;color:#0A0A0A}
.ui-kv-l{margin-top:12px;color:#0A0A0A;font-size:13px}.ui-kv-l b{font-weight:600}.ui-link-u{text-decoration:underline;text-underline-offset:3px;color:#1E3A52;font-weight:500}.ui-btn-red{background:#E8858A}
.ui svg.ui-cplot{display:block;width:100%;height:auto;margin-top:12px;stroke:none}.ui-cplot text{font-size:11px;fill:#525252}.ui-cplot .g{stroke:#E5E5E5;stroke-dasharray:2 3;stroke-width:1}.ui-cplot .bad{fill:#FBE8D3}.ui-cplot .good{fill:#DCEBD8}.ui-cplot .ln{fill:none;stroke:#0A0A0A;stroke-width:1.8;stroke-linejoin:round}
/* the climate table */
.ui-ctbl-w{margin-top:12px;border:1px solid #E5E5E5;border-radius:8px;overflow-x:auto}
.mn-body .ui-ctbl{width:100%;margin:0;border-collapse:collapse;font-size:11px;white-space:nowrap;display:table}
.mn-body .ui-ctbl th{padding:9px 7px;font-weight:600;font-size:11px;color:#1E3A52;text-align:center;border:0;border-bottom:1px solid #E5E5E5;background:#FAFAFA}
.mn-body .ui-ctbl td{padding:9px 7px;text-align:center;color:#1E3A52;border:0;border-top:1px solid #EDEDED}.ui-ctbl tr:first-child td{border-top:0}
.ui-ctbl svg{vertical-align:-3px}.ui-ctbl .ui-srt{width:11px;height:11px;color:#737373}.ui-ctbl .ui-gr{width:12px;height:12px;color:#525252;margin-left:1px}
.ui-ctbl .ui-st{width:12px;height:12px;margin-right:3px}.ui-st-ok{color:#16A34A}.ui-st-w{color:#F59E0B}.ui-st-i{color:#1E3A52}
/* thresholds table with the status icons */
.mn-body table.thr th{white-space:nowrap}.mn-body table.thr td{color:#4E5D70}
.thr-i{display:inline-block;width:16px;height:16px;vertical-align:-3px;margin-right:7px;background-repeat:no-repeat;background-size:16px 16px}
.thr-ok{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2316A34A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.5l3 3 7-7'/%3E%3C/svg%3E")}
.thr-w{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23F59E0B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2.5l6 11H2z'/%3E%3Cpath d='M8 7v3M8 11.8v.2'/%3E%3C/svg%3E")}
.thr-bad{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23DC2626' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='8' r='6.3'/%3E%3Cpath d='M8 4.8v3.7M8 11.2v.1'/%3E%3C/svg%3E")}
/* climate KPI cards */
.ui-cks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ui-ck{border:1px solid #E5E5E5;border-radius:14px;padding:16px;background:linear-gradient(135deg,#FFFFFF 40%,#E3F3EA 100%)}.ui-ck .ui-kpi-v{font-size:36px}.ui-ck-ic{width:34px;height:34px;border-radius:10px}.ui-ck-ic svg{width:16px;height:16px;color:#9A9A9A}.ui-ck-pill{padding:3px 9px;border-radius:999px;background:#DCFCE7;color:#15803D;font-size:11px;font-weight:600}
@media (max-width:640px){.ui-cks{grid-template-columns:1fr}}
.ui-ck-ok{background:linear-gradient(135deg,#FFFFFF 40%,#E3F3EA 100%)}.ui-ck-bad{background:linear-gradient(135deg,#FFFFFF 40%,#FDE2E4 100%)}.ui-ck-bad .ui-ck-pill{background:#FCE7EA;color:#BE123C}.ui-ck-w{background:linear-gradient(135deg,#FFFFFF 40%,#FDF1D8 100%)}.ui-ck-w .ui-ck-pill{background:#FEF3C7;color:#B45309}
.ui-gcards{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ui-gcard{border:1px solid #E5E5E5;border-radius:12px;padding:14px}.ui svg.ui-gauge{display:block;width:120px;height:120px;margin:6px auto 0;stroke-width:3;stroke-linecap:round}.ui-gauge text{font-size:14px;font-weight:600;fill:#0A0A0A;stroke:none}.ui-gt{text-align:center;margin-top:8px;padding-top:8px;border-top:1px solid #EDEDED}
@media (max-width:640px){.ui-gcards{grid-template-columns:1fr}}
/* Insights (Grafana, dark) */
.ui.ui-dark{background:#111217;border-color:#111217;color:#D8D9DA}
.ui-gf-crumb{font-size:12px;font-weight:600;color:#D8D9DA;margin-bottom:12px}
.ui-gf-head{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;align-items:start}
.ui-gf-t{font-size:17px;color:#FFFFFF}.ui-gf-s{font-size:11px;color:#CCCCDC;margin-top:4px;white-space:nowrap}
.ui-gf-l{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#D8D9DA}.ui-gf-no{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#F2495C;margin-top:3px}
.ui-gss{margin-top:22px;display:grid;grid-template-columns:repeat(4,auto);justify-content:space-between;gap:12px}
.ui-gs{text-align:center;min-width:0}.ui-gs-t{font-size:9.5px;font-weight:600;color:#D8D9DA;white-space:nowrap}.ui-gs-v{margin-top:18px;font-size:34px;font-weight:600;line-height:1;letter-spacing:-.02em}.ui-gs-v small{font-size:16px;margin-left:3px}
@media (max-width:760px){.ui-gf-head{grid-template-columns:1fr}.ui-gss{grid-template-columns:1fr 1fr}.ui-gs-t{white-space:normal}}
.ui-gsel{display:inline-flex;border:1px solid #2C2F36;border-radius:4px;font-size:11px;margin-bottom:12px}.ui-gsel span{padding:5px 8px;background:#22252B;color:#D8D9DA}.ui-gsel b{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;font-weight:500;color:#FFFFFF}.ui svg.ui-gchev{width:11px;height:11px;stroke:#D8D9DA;fill:none}
.ui-gpanels{display:grid;grid-template-columns:3fr 1fr;gap:12px}.ui-gp{border:1px solid #22252B;border-radius:4px;padding:10px 12px;background:#181B1F}.ui-gp-t{font-size:12px;color:#D8D9DA;margin-bottom:6px}
.ui svg.ui-gchart{display:block;width:100%;height:auto;stroke:none}.ui-gchart text{font-size:8px;fill:#CCCCDC}
.ui svg.ui-gdonut{display:block;width:100px;height:118px;margin:8px auto 0;overflow:visible}.ui-gdonut text{font-size:7px;fill:#D8D9DA;stroke:none;font-weight:400}
.ui-gleg{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:6px;font-size:10px;color:#D8D9DA}.ui-gleg i{display:inline-block;width:12px;height:3px;border-radius:2px;margin-right:5px;vertical-align:middle}
@media (max-width:640px){.ui-gpanels{grid-template-columns:1fr}}
.ui-gtime{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;max-width:520px;margin:0 auto;padding:14px;border:1px solid #2C2F36;border-radius:4px;background:#181B1F;font-size:12px}
.ui-gtime-lbl{margin-top:10px;font-size:11px;color:#D8D9DA}.ui-gtime-in{margin-top:4px;display:flex;align-items:center;justify-content:space-between;height:30px;padding:0 10px;border:1px solid #2C2F36;border-radius:3px;background:#111217;color:#FFFFFF}.ui-gtime-in i{display:flex;color:#D8D9DA}.ui-gtime-in svg{width:13px;height:13px}
.ui-gtime-btn{display:inline-block;margin-top:14px;padding:7px 12px;border-radius:3px;background:#3D71D9;color:#FFFFFF;font-weight:600}
.ui-gtime-s{margin-top:0;border-color:#3D71D9}.ui-gtime-q{margin-top:8px;display:grid;gap:2px;color:#D8D9DA}.ui-gtime-q div{padding:5px 8px}
@media (max-width:640px){.ui-gtime{grid-template-columns:1fr}}
.ui-gcols{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ui-gcol .ui-gs-t{white-space:normal}.ui-gbig{color:#73BF69;text-align:center;font-size:30px;margin:14px 0}
.ui-glast{font-size:10px;color:#6E9FFF;margin-bottom:4px}
.ui-gsofar{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:1px solid #22252B;padding-top:12px}.ui-gsofar-t{font-size:12px;color:#D8D9DA;text-align:center}.ui-gsofar-v{display:flex;justify-content:space-around;margin-top:12px;color:#73BF69;font-size:20px;font-weight:600}.ui-gsofar-v small{font-size:11px;margin-left:3px}
@media (max-width:640px){.ui-gcols,.ui-gsofar{grid-template-columns:1fr}}
.mn-body .kpi-table th:first-child,.mn-body .kpi-table td:first-child{white-space:nowrap}
/* Components overview */
.ui-cps{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ui-cp{border:1px solid #E5E5E5;border-radius:10px;padding:14px;display:flex;flex-direction:column}
.ui-cp-h{display:flex;align-items:center;gap:7px;font-size:13.5px}.ui-cp-h b{font-weight:600}.ui-cp-dot{width:9px;height:9px;border-radius:50%;flex:none}
.ui svg.ui-cp-pic{width:110px;height:52px;margin:16px auto;color:#8A8A8A;stroke-width:1.2}
.ui-cp-f{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.ui-cp-f .ui-sub{margin:0}.ui-cp-f .ui-ghost{align-self:flex-end}
@media (max-width:640px){.ui-cps{grid-template-columns:1fr}}
.ui-cp-solo{max-width:260px;margin:0 auto}.ui-cp-solo .ui-cp-pic{width:150px;height:70px}
.cp-dot{display:inline-block;width:11px;height:11px;border-radius:50%;vertical-align:-1px;margin-right:6px}
/* Remote Access window */
.ui-ra{position:relative;padding:14px}.ui-ra-x{position:absolute;top:10px;right:10px}
.ui-ra-page{background:#DCDCDC;border-radius:6px;padding:26px 28px 120px;font-family:Arial,sans-serif}
.ui-ra-logo{font-size:30px;font-weight:700;font-style:italic;color:#1F3A93;letter-spacing:-.02em;line-height:1}.ui-ra-logo sup{font-size:9px;font-style:normal}
.ui-ra-bar{margin-top:14px;display:flex;justify-content:flex-end;align-items:center;gap:6px;padding:6px 8px;background:#BDBDBD;font-size:11px;color:#0A0A0A}
.ui-ra-in{display:inline-block;width:60px;height:18px;background:#FFFFFF;border:1px solid #8A8A8A;font-size:11px;padding:0 4px;line-height:18px}
.ui-ra-btn{padding:2px 8px;background:#EFEFEF;border:1px solid #8A8A8A;border-radius:3px;font-size:11px}
.ui-ra-foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px;font-size:12px;color:#404040}.ui-ra-foot b{font-weight:600;color:#0A0A0A}.ui-ra-foot .ui-ghost{margin-top:0}
.ui-cp img.ui-cp-img{display:block;width:auto;height:84px;max-width:100%;margin:14px auto;border:0;border-radius:0}.ui-cp-solo img.ui-cp-img{height:120px}
/* Formula builder */
.ui-t-lg svg{vertical-align:-3px}
.mn-body .ui-ftbl{width:100%;margin:0;border-collapse:collapse;font-size:11px;white-space:nowrap;display:table}.mn-body .ui-ftbl th{padding:8px 10px;font-weight:500;color:#525252;text-align:left;border:0;border-bottom:1px solid #E5E5E5;background:#FAFAFA}.mn-body .ui-ftbl td{padding:9px 10px;border:0;vertical-align:middle}.ui-ftbl b{font-weight:600}
.ui-mono2{font-family:ui-monospace,Menlo,Consolas,monospace;color:#525252}.ui-pill-s{padding:2px 8px;border-radius:999px;background:#DCFCE7;color:#15803D;font-size:10.5px;font-weight:500}.ui-chip-s{font-size:10px;padding:2px 7px;margin-right:4px}
.ui-facts svg{width:13px;height:13px;margin-right:8px;color:#525252}
.ui-fvar{display:grid;grid-template-columns:1.2fr 1fr 1.3fr 1fr;gap:10px;background:#FAFAFA;align-items:end}.ui-fvars{display:grid;gap:10px}.ui-fvar-weather,.ui-fvar-constant{grid-template-columns:1.2fr 1fr 2.3fr auto}.ui-fvar-datapoint{grid-template-columns:1.2fr 1fr 1.3fr 1fr auto}.ui-fdel{display:flex;align-items:center;height:32px}.ui-fvar .ui-field{margin-top:4px;height:32px;font-size:12px}
.ui-fnode{border:1px solid #D1FAE5;border-radius:8px;padding:12px;background:#F0FDF4}
@media (max-width:640px){.ui-fvar{grid-template-columns:1fr 1fr}}
.ui-seg span{white-space:nowrap}
.ui-fprev{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ui-fcode{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11.5px;line-height:1.5;color:#0A0A0A}
@media (max-width:640px){.ui-fprev{grid-template-columns:1fr}}
.ui-bulk{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:14px}.ui-bulk .ui-row{gap:10px;font-size:13px}.ui-bulk svg{width:14px;height:14px;color:#525252}.ui-bulk .ui-row svg:last-child:not(:first-child){margin-left:auto}.ui-bulk-m{width:220px}.ui-bulk-t{width:240px;margin-top:40px}
.ui img.ui-dc-img{border:0;background:none;padding:0;box-shadow:none;border-radius:0;display:block;width:52px;height:auto;max-height:44px;object-fit:contain;margin:0}
.ui-dc-h img.ui-dc-img-lg{width:66px;max-height:48px}
.ui-dc-c img.ui-dc-img-lg{width:150px;max-height:none;margin:6px auto 4px}
/* supported components list */
.cl-bar{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.cl-q{flex:1 1 280px;min-width:0;font:inherit;font-size:16px;padding:11px 14px;border:1px solid #CBD4DD;border-radius:8px;background:#fff;color:#1A3F59}
.cl-f{font:inherit;font-size:16px;padding:11px 12px;border:1px solid #CBD4DD;border-radius:8px;background:#fff;color:#1A3F59}
.cl-q:focus,.cl-f:focus{outline:2px solid #FFC32D;outline-offset:1px}
.cl-count{margin-top:12px;font-size:14px;color:#4E5D70}
.mn-body .cl-t{margin-top:8px;font-size:14px}.mn-body .cl-t th,.mn-body .cl-t td{padding:10px 7px}
.cl-t tr[hidden]{display:none}
.cl-no{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:99px;background:#FBE9E7;color:#B3261E;font-size:12px;font-weight:700;white-space:nowrap}
.cl-none{margin-top:16px;color:#4E5D70}
@media (max-width:700px){
.cl-t thead{display:none}
.cl-t,.cl-t tbody,.cl-t tr,.cl-t td{display:block;width:100%}
.cl-t tr{padding:10px 0;border-bottom:1px solid #E8ECF0}
.cl-t td{border:0;padding:3px 0;display:flex;gap:12px}
.cl-t td::before{content:attr(data-l);flex:0 0 120px;font-weight:700;color:#1A3F59}
}
@media (max-width:700px){.cl-t td:empty{display:none}}

/* supported components: grouped by brand */
.cl-g[hidden]{display:none}
.cl-t tbody.cl-g>tr:first-child td{border-bottom:1px solid #E8ECF0}
.cl-t tr.cl-d td{padding:0 7px 12px;border-bottom:1px solid #E8ECF0}
.cl-t tr.cl-d[hidden]{display:none}
.cl-t tbody.cl-g:has(.cl-d:not([hidden]))>tr:first-child td{border-bottom:0}
.cl-m{list-style:none;margin:0;padding:10px 12px;display:flex;flex-wrap:wrap;gap:6px;background:#F6F4EF;border-radius:8px}
.cl-m li{font-size:13px;padding:3px 9px;border-radius:99px;background:#fff;border:1px solid #DDE3EA;white-space:nowrap}
.cl-m li[hidden]{display:none}
.cl-tg{font:inherit;font-weight:700;color:#1A3F59;background:none;border:0;padding:0;cursor:pointer;text-align:left;text-decoration:underline;text-decoration-color:#FFC32D;text-decoration-thickness:2px;text-underline-offset:3px}
.cl-tg::after{content:"+";display:inline-block;margin-left:6px;font-weight:900}
.cl-tg[aria-expanded="true"]::after{content:"\2212"}
.cl-b{display:inline-block;padding:2px 8px;border-radius:6px;background:#FFF2B3;color:#5B4500;font-size:13px;font-weight:700}
@media (max-width:700px){
.cl-t tbody.cl-g{display:block;padding:10px 0;border-bottom:1px solid #E8ECF0}
.cl-t tbody.cl-g tr{border:0;padding:0}
.cl-t tbody.cl-g>tr:first-child td{border:0}
.cl-t tr.cl-d td{display:block;padding:6px 0 0}
.cl-t tr.cl-d td::before{display:none}
}
.mn-body .cl-m li{padding:3px 9px;margin:0}
.mn-body .cl-m li::before{content:none;display:none}
.mn-body ul.cl-m{list-style:none;padding:10px 12px;margin:0}
.mn-body ul.cl-m li::marker{content:none}

/* supported components: one line per row, a little wider than the text column (the page has room to the right) */
.mn-body:has(.cl){max-width:none}
.mn-body .cl-t{font-size:13.5px;margin-top:8px}
.mn-body .cl-t th,.mn-body .cl-t td{padding:9px 6px;white-space:nowrap;vertical-align:middle}
.mn-body .cl-t th.cl-c{white-space:normal;text-align:center;line-height:1.2;font-size:12.5px}
.cl-t td.cl-c{text-align:center}
.cl-y{color:#1E7A4C;font-weight:900}
.cl-n{color:#B5BFCA}
.cl-bb{border:0;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.cl-bb::after{content:" +"}
.cl-bb[aria-expanded="true"]::after{content:" \2212"}
.cl-t tr.cl-d td{white-space:normal}
.cl-a{margin:8px 0 0;font-size:14px}
.cl-a b{color:#1A3F59}
.cl-m{margin-top:10px}
@media (max-width:700px){
.cl-t td{white-space:normal}
.mn-body .cl-t th,.mn-body .cl-t td{white-space:normal}
}
.mn-body .cl-t .cl-a{margin:0;font-size:13.5px;line-height:1.5;color:#4E5D70}
.mn-body .cl-t .cl-a+.cl-a{margin-top:3px}
.mn-body .cl-t tr.cl-d td{padding:0 6px 10px;background:#FBFAF7}
.mn-body .cl-t tr.cl-d .cl-m{margin-top:8px}
.mn-body .cl-t .cl-a:first-child{padding-top:8px}
@media (max-width:700px){
.cl-t td.cl-c{text-align:left}
.mn-body .cl-t tr.cl-d td{padding:6px 0 0;background:none}
.mn-body .cl-t .cl-a:first-child{padding-top:0}
}

.cl-i{width:16px;height:16px;display:inline-block;vertical-align:middle}
.cl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* valve picker inside the Accessories row */
.cl-v{margin-top:12px;padding-top:10px;border-top:1px solid #E8ECF0;white-space:normal}
.mn-body .cl-t .cl-vq{margin:0;font-size:14px;font-weight:700;color:#1A3F59}
.cl-vs{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.cl-vs .cl-f{flex:1 1 200px;min-width:0;max-width:320px;font-size:15px;padding:9px 10px}
.cl-vs .cl-f:disabled{opacity:.55}
.cl-vr{margin-top:10px}
.cl-st{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:8px;font-size:14px;line-height:1.45;max-width:640px}
.cl-si{width:20px;height:20px;flex:none;margin-top:1px}
.cl-st-ok{background:#F1F8F4;border:1px solid #CFE6D9;color:#1E5C3B}
.cl-st-extra{background:#FFF8DC;border:1px solid #F2DC8C;color:#5B4500}
.cl-st-no{background:#FDEEEC;border:1px solid #F3C7C1;color:#8E2B20}

/* more breathing space */
.mn-body .cl-t{font-size:13px}
.mn-body .cl-t th,.mn-body .cl-t td{padding:13px 5px}
.mn-body .cl-t th:first-child,.mn-body .cl-t td:first-child{padding-left:14px}
.mn-body .cl-t th:last-child,.mn-body .cl-t td:last-child{padding-right:12px}
.mn-body .cl-t tr.cl-d td{padding:4px 14px 18px}
.mn-body .cl-t .cl-a:first-child{padding-top:6px}
.mn-body .cl-t .cl-a+.cl-a{margin-top:6px}
.cl-v{margin-top:16px;padding-top:14px}
.cl-vs{margin-top:10px}
.cl-vr{margin-top:12px}
.cl-m{padding:12px 14px;gap:8px}
@media (max-width:700px){
.mn-body .cl-t th:first-child,.mn-body .cl-t td:first-child{padding-left:0}
.mn-body .cl-t td{padding:6px 0}
.mn-body .cl-t tr.cl-d td{padding:8px 0 4px}
}
.mn-body .cl-t th.cl-c,.mn-body .cl-t td.cl-c{padding-left:2px;padding-right:2px}
@media (max-width:700px){.mn-body .cl-t th.cl-c,.mn-body .cl-t td.cl-c{padding-left:0;padding-right:0}}
/* an opening row is marked with a chevron (Lucide chevron-down) that turns over when open, not a "+" that reads as part of the name */
.cl-tg::after,.cl-bb::after,.cl-tg[aria-expanded="true"]::after,.cl-bb[aria-expanded="true"]::after{content:"";display:inline-block;width:12px;height:12px;margin:0 0 0 3px;vertical-align:-1px;background:currentColor;opacity:.75;transition:transform .2s;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat}
.cl-tg[aria-expanded="true"]::after,.cl-bb[aria-expanded="true"]::after{transform:rotate(180deg)}
.cl-bb:hover,.cl-tg:hover{filter:brightness(.96)}
@media (prefers-reduced-motion:reduce){.cl-tg::after,.cl-bb::after{transition:none}}

/* components list: calmer controls and header */
.cl-q:focus,.cl-f:focus{outline:none;border-color:#1A3F59;box-shadow:0 0 0 3px rgba(26,63,89,.12)}
.cl-f{-webkit-appearance:none;appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231A3F59' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px}
.mn:has(.cl){gap:32px}
.mn-body .cl-t th,.mn-body .cl-t td{padding:13px 5px}
.mn-body .cl-t thead th{vertical-align:bottom;padding-top:8px;padding-bottom:10px;line-height:1.25}
.mn-body .cl-t th.cl-cg{text-align:center;padding-bottom:4px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#5C6B7D;font-weight:700;border-bottom:0}
.mn-body .cl-t th.cl-c{font-size:12.5px;white-space:normal;padding-top:2px;line-height:1.2}
.mn-body .cl-t th.cl-c,.mn-body .cl-t td.cl-c{padding-left:4px;padding-right:4px;min-width:56px}
.mn-body .cl-t thead tr:first-child th[rowspan]{border-bottom:0}
.mn-body .cl-t thead tr:last-child th{border-bottom:1px solid #E8ECF0}
.mn-body .cl-t thead tr:first-child th[rowspan]{border-bottom:1px solid #E8ECF0}
@media (max-width:700px){.mn:has(.cl){gap:0}}
/* FAQ: collapsible questions, like the FAQ on the Link page (no underline on hover here) */
.mn-faq{margin-top:24px;border-top:1px solid #DDE3EA}
.mn-faq .faq{border-bottom:1px solid #DDE3EA}
.mn-faq .faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0;font-size:18px;font-weight:900;letter-spacing:-.01em;color:#1A3F59;line-height:1.35}
.mn-faq .faq summary::-webkit-details-marker{display:none}
.mn-faq .faq summary:hover span:first-child{text-decoration:none}
.mn-faq .faq summary a{color:inherit}
.mn-faq .faq-ic{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#1A3F59;transition:transform .3s ease}
.mn-faq .faq[open] .faq-ic{transform:rotate(45deg)}
.mn-body .mn-faq .faq-a p{margin:0;padding:0 56px 22px 0;font-size:17px;line-height:1.6;color:#4E5D70}
@media (max-width:700px){.mn-body .mn-faq .faq-a p{padding-right:0}.mn-faq .faq summary{font-size:17px}}
@media (prefers-reduced-motion:reduce){.mn-faq .faq-ic{transition:none}}
/* How it fits together: the building, the Link and the cloud */
.mn-fit{margin:28px 0 0;padding:28px 24px 8px;border:1px solid #E8ECF0;border-radius:10px;background:#FFFFFF;max-width:640px}
.mn-fit svg{display:block;font-family:Lato,"Helvetica Neue",Arial,sans-serif}
/* Overview: what you need, and the chapters as a numbered path */
.mn-body .mn-need{margin-top:24px;padding:18px 22px;border:1px solid #E8ECF0;border-radius:10px;background:#F6F4EF;max-width:640px}
.mn-body .mn-need b{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#5C6B7D}
.mn-body .mn-need ul{margin:8px 0 0;padding-left:20px}
.mn-body .mn-need li{margin:4px 0;font-size:16px}
.mn-body .mn-path{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;counter-reset:none}
.mn-body .mn-path>li{padding:0;counter-increment:none}
.mn-body .mn-path>li::before{content:none}
.mn-path a{display:flex;flex-direction:column;gap:6px;height:100%;box-sizing:border-box;padding:18px 18px 16px;border:1px solid #E8ECF0;border-radius:10px;background:#FFFFFF;text-decoration:none;color:#1A3F59;transition:border-color .2s,transform .2s}
.mn-path a:hover{border-color:#1A3F59;transform:translateY(-2px)}
.mn-path-n{font-size:26px;line-height:1;font-weight:900;color:#1A3F59;font-variant-numeric:tabular-nums}
.mn-path-t{font-size:16px;font-weight:700;line-height:1.3}
.mn-path-s{margin-top:auto;font-size:13px;color:#5C6B7D}
@media (prefers-reduced-motion:reduce){.mn-path a{transition:none}}
html[lang="nl"] .mn:has(.cl){gap:22px}
html[lang="nl"] .mn-body .cl-t th,html[lang="nl"] .mn-body .cl-t td{padding-left:4px;padding-right:4px}