/* Preview only. All declarations are gated by an explicit preview attribute. */
html[data-b24-unified="on"] .b24-install-sidebar .b24-side-home,
html[data-b24-unified="on"] .b24-install-sidebar .b24-side-direction{font-size:15px}
html[data-b24-unified="on"] .b24-install-sidebar .b24-side-child{font-size:14px}

/* SKUD and magnetic-lock content, the shared header, home and product variants
   deliberately have no overrides. They are existing reference components. */
html[data-b24-unified="on"][data-b24-kind="video"] #b24-home #b24-video{font-family:Roboto,Arial,sans-serif;font-size:16px;line-height:1.65;color:#153047}
html[data-b24-unified="on"][data-b24-kind="video"] #b24-home #b24-video .wrap{width:calc(100% - 80px);max-width:1636px}
html[data-b24-unified="on"][data-b24-kind="video"] #b24-video .layout{grid-template-columns:calc(25% - 48px) minmax(0,75%);gap:48px}
html[data-b24-unified="on"][data-b24-kind="video"] #b24-video main h1{font-size:31px;line-height:1.25;letter-spacing:-.65px}
html[data-b24-unified="on"][data-b24-kind="video"] #b24-video main h2{font-size:29px;line-height:1.25;letter-spacing:-.5px;margin-bottom:14px}
html[data-b24-unified="on"][data-b24-kind="video"] #b24-video main h3{font-size:20px;line-height:1.25;margin-bottom:14px}
html[data-b24-unified="on"][data-b24-kind="video"] #b24-video main p{margin-bottom:16px}
html[data-b24-unified="on"][data-b24-kind="video"] #b24-video .lead{font-size:15px;line-height:1.65}
html[data-b24-unified="on"][data-b24-kind="video"] #b24-home #b24-video main>.section{margin-top:38px}
html[data-b24-unified="on"][data-b24-kind="video"] #b24-video .btn{padding:12px 17px;font-size:14px;line-height:1.4;min-height:0;background:#078ccc;border-color:#078ccc;border-radius:5px}
html[data-b24-unified="on"][data-b24-kind="video"] #b24-video .sidebar{font:14px/1.5 Arial,sans-serif;min-width:0}
html[data-b24-unified="on"][data-b24-kind="video"] #b24-video .sidebar>details{border:1px solid #dbe5ed;border-radius:12px}
html[data-b24-unified="on"][data-b24-kind="video"] #b24-video .sidebar>details>summary{padding:16px 14px;font-size:14px;line-height:1.5;background:#f3f8fb}
html[data-b24-unified="on"][data-b24-kind="video"] #b24-video .b24-video-directions a{padding:11px 14px;font-size:15px;line-height:1.5;font-weight:600;color:#344f63;text-decoration:none}
html[data-b24-unified="on"][data-b24-kind="video"] #b24-video .b24-video-directions a:first-child{font-weight:400;color:#075b91}
html[data-b24-unified="on"][data-b24-kind="video"] #b24-video .b24-video-directions a.is-active{background:#075b91;color:#fff}
html[data-b24-unified="on"][data-b24-kind="video"] #b24-video .vn-side-group nav a{font-size:14px;line-height:1.5;padding:8px 14px 8px 20px}
html[data-b24-unified="on"][data-b24-kind="video"] #b24-video .vn-side-group>summary{font-size:14px;line-height:1.5}
html[data-b24-unified="on"][data-b24-kind="video"] #b24-video .product{border-color:#dbe7ee;border-radius:9px}
html[data-b24-unified="on"][data-b24-kind="video"] #b24-video .product h3{font-size:18px}
html[data-b24-unified="on"][data-b24-kind="video"] #b24-video .product p{font-size:14px}

html[data-b24-unified="on"][data-b24-kind="network"] #b24-home>.wrap{width:calc(100% - 80px);max-width:1636px;margin:auto}
html[data-b24-unified="on"][data-b24-kind="network"] .b24-install-network-layout{max-width:none;padding:0;grid-template-columns:calc(25% - 48px) minmax(0,75%);gap:48px;margin:40px auto}
html[data-b24-unified="on"][data-b24-kind="network"] .b24-install-network-layout main{font:16px/1.65 Roboto,Arial,sans-serif;color:#153047}
html[data-b24-unified="on"][data-b24-kind="network"] #b24-home .network-hero{grid-template-columns:1.05fr 1fr;gap:28px;padding:30px;border:1px solid #dbe7ee;border-top:4px solid #078ccc;border-radius:12px;background:linear-gradient(120deg,#edf8fc,#f9fbfc)}
html[data-b24-unified="on"][data-b24-kind="network"] #b24-home .network-copy{padding:0}
html[data-b24-unified="on"][data-b24-kind="network"] #b24-home .network-copy h1{font-size:31px;line-height:1.25;letter-spacing:-.65px}
html[data-b24-unified="on"][data-b24-kind="network"] #b24-home .network-copy p{font-size:15px;line-height:1.65}
html[data-b24-unified="on"][data-b24-kind="network"] #b24-home main h2{font-size:29px;line-height:1.25;letter-spacing:-.5px}
html[data-b24-unified="on"][data-b24-kind="network"] #b24-home main h3{font-size:20px;line-height:1.25}
html[data-b24-unified="on"][data-b24-kind="network"] #b24-home main>.section{padding:0;margin-top:38px}
html[data-b24-unified="on"][data-b24-kind="network"] #b24-home .network-grid article{border:1px solid #dbe7ee;background:#fff;border-radius:9px}
html[data-b24-unified="on"][data-b24-kind="network"] #b24-home .network-grid p{font-size:14px}

/* Existing article/project content retains its own photography and text. */
html[data-b24-unified="on"][data-b24-kind="hub"] #b24-home #b24-hubs{font-family:Roboto,Arial,sans-serif;line-height:1.65;--s-ink:#153047;--s-line:#dbe7ee;--s-blue:#078ccc;--s-radius:9px}
html[data-b24-unified="on"][data-b24-kind="hub"] #b24-home #b24-hubs .s-wrap{width:calc(100% - 80px);max-width:1636px}
html[data-b24-unified="on"][data-b24-kind="hub"] #b24-home #b24-hubs .s-layout{grid-template-columns:calc(25% - 48px) minmax(0,75%);gap:48px}
html[data-b24-unified="on"][data-b24-kind="hub"] #b24-home #b24-hubs h1{font-size:31px;line-height:1.25;letter-spacing:-.65px}
html[data-b24-unified="on"][data-b24-kind="hub"] #b24-home #b24-hubs h2{font-size:29px;line-height:1.25;letter-spacing:-.5px}
html[data-b24-unified="on"][data-b24-kind="hub"] #b24-home #b24-hubs .s-hero{padding:30px;border-top:4px solid #078ccc;border-radius:12px;background:linear-gradient(120deg,#edf8fc,#f9fbfc)}
html[data-b24-unified="on"][data-b24-kind="hub"] #b24-home #b24-hubs .s-hero p:not(.s-eyebrow){font-size:15px}
html[data-b24-unified="on"][data-b24-kind="hub"] #b24-home #b24-hubs .s-aside{font:14px/1.5 Arial,sans-serif;border-radius:12px}
html[data-b24-unified="on"][data-b24-kind="hub"] #b24-home #b24-hubs .s-aside a{font-size:15px;padding:11px 14px}
html[data-b24-unified="on"][data-b24-kind="hub"] #b24-home #b24-hubs .s-aside .s-child{font-size:14px}
html[data-b24-unified="on"][data-b24-kind="legacy"] .right_block{font-family:Roboto,Arial,sans-serif;font-size:16px;line-height:1.65;color:#153047}
html[data-b24-unified="on"][data-b24-kind="legacy"] .right_block h2{font-size:29px;line-height:1.25;letter-spacing:-.5px;color:#153047}
html[data-b24-unified="on"][data-b24-kind="legacy"] .right_block h3{font-size:20px;line-height:1.25;color:#153047}
html[data-b24-unified="on"][data-b24-kind="legacy"] .right_block p{margin:0 0 16px}
html[data-b24-unified="on"][data-b24-kind="legacy"] .right_block img{max-width:100%;height:auto}

@media(max-width:1199px) and (min-width:992px){
html[data-b24-unified="on"][data-b24-kind="video"] #b24-video .layout,
html[data-b24-unified="on"][data-b24-kind="network"] .b24-install-network-layout{grid-template-columns:calc(25% - 28px) minmax(0,75%);gap:28px}
}
@media(max-width:991px){
html[data-b24-unified="on"][data-b24-kind="hub"] #b24-home #b24-hubs .s-wrap{width:calc(100% - 40px)}
html[data-b24-unified="on"][data-b24-kind="hub"] #b24-home #b24-hubs .s-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
html[data-b24-unified="on"][data-b24-kind="video"] #b24-home #b24-video .wrap,
html[data-b24-unified="on"][data-b24-kind="network"] #b24-home>.wrap{width:calc(100% - 40px)}
html[data-b24-unified="on"][data-b24-kind="video"] #b24-video .layout,
html[data-b24-unified="on"][data-b24-kind="network"] .b24-install-network-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
html[data-b24-unified="on"][data-b24-kind="network"] #b24-home .network-hero{grid-template-columns:1fr;padding:22px}
}
@media(max-width:600px){
html[data-b24-unified="on"][data-b24-kind="hub"] #b24-home #b24-hubs h1{font-size:27px}
html[data-b24-unified="on"][data-b24-kind="hub"] #b24-home #b24-hubs h2{font-size:25px}
html[data-b24-unified="on"][data-b24-kind="video"] #b24-video main h1,
html[data-b24-unified="on"][data-b24-kind="network"] #b24-home .network-copy h1{font-size:27px}
html[data-b24-unified="on"][data-b24-kind="video"] #b24-video main h2,
html[data-b24-unified="on"][data-b24-kind="network"] #b24-home main h2{font-size:25px}
html[data-b24-unified="on"][data-b24-kind="network"] #b24-home .network-grid{grid-template-columns:1fr}
}

/* Applies only to explicitly marked preview pages. */
html[data-b24-unified="on"] #b24-preview-page-top{background:#f8f8f8;color:#222;font-family:Roboto,Arial,sans-serif;width:100%;margin:0;padding:0}
html[data-b24-unified="on"] #b24-preview-page-top .b24-preview-title-inner{width:calc(100% - 80px);max-width:1636px;margin:0 auto;padding:28px 0 30px;box-sizing:border-box}
html[data-b24-unified="on"] #b24-preview-page-top .b24-preview-breadcrumb{font:12px/20px Roboto,Arial,sans-serif;color:#a0a0a0;padding:0 0 13px;margin:0 0 1px;display:block}
html[data-b24-unified="on"] #b24-preview-page-top .b24-preview-breadcrumb a{color:#a0a0a0;text-decoration:none}
html[data-b24-unified="on"] #b24-preview-page-top .b24-preview-breadcrumb a:hover{color:#075b91}
html[data-b24-unified="on"] #b24-preview-page-top h1{font:400 32px/30px Roboto,Arial,sans-serif;letter-spacing:normal;color:#222;margin:0 0 8px;padding:0}
html[data-b24-unified="on"] .b24-preview-old-crumb{display:none!important}
html[data-b24-unified="on"] #b24-home .b24-preview-video-root{padding-top:40px!important}
html[data-b24-unified="on"] #b24-home .b24-preview-video-root .b24-preview-hero-title{font:700 31px/1.25 Roboto,Arial,sans-serif!important;letter-spacing:-.65px;color:#153047}
html[data-b24-unified="on"] #b24-home :is(#b24-hubs,#b24-video) .b24-preview-video-menu{font:14px/1.5 Arial,sans-serif;color:#17364d;border-radius:12px;border-color:#dbe5ed;overflow:hidden}
html[data-b24-unified="on"] #b24-home :is(#b24-hubs,#b24-video) .b24-preview-video-menu>details>summary{font:700 14px/1.5 Arial,sans-serif;padding:16px 14px;color:#17364d;background:#f3f8fb;display:flex;align-items:center;justify-content:space-between;list-style:none}
html[data-b24-unified="on"] #b24-home :is(#b24-hubs,#b24-video) .b24-preview-video-menu>details>summary:after{content:'+';font-size:21px;line-height:1.5;font-weight:700}
html[data-b24-unified="on"] #b24-home :is(#b24-hubs,#b24-video) .b24-preview-video-menu>details[open]>summary:after{content:'-'}
html[data-b24-unified="on"] #b24-home :is(#b24-hubs,#b24-video) .b24-preview-video-menu>details>nav>a{font:600 15px/1.5 Arial,sans-serif;display:block;padding:11px 14px;color:#344f63;border-top:0;border-bottom:1px solid #edf1f5;background:#fff;text-decoration:none}
html[data-b24-unified="on"] #b24-home :is(#b24-hubs,#b24-video) .b24-preview-video-menu>details>nav>a:first-child{font-weight:400;color:#075b91;border-bottom-color:#dbe5ed}
html[data-b24-unified="on"] #b24-home :is(#b24-hubs,#b24-video) .b24-preview-video-menu>details>nav>a:is(.active,.is-active){background:#075b91;color:#fff;font-weight:700}
html[data-b24-unified="on"] #b24-home :is(#b24-hubs,#b24-video) .b24-preview-video-menu>details>nav>a:hover{background:#eff7fc;color:#075b91}
html[data-b24-unified="on"] #b24-home :is(#b24-hubs,#b24-video) .b24-preview-video-menu .vn-grouped-nav{margin-top:16px;border-top:1px solid #dbe5ed;padding-bottom:6px}
html[data-b24-unified="on"] #b24-home :is(#b24-hubs,#b24-video) .b24-preview-video-menu .vn-side-title{padding:13px 14px;background:#f3f8fb;font:700 14px/1.5 Arial,sans-serif;color:#17364d;margin:0;border:0}
html[data-b24-unified="on"] #b24-home :is(#b24-hubs,#b24-video) .b24-preview-video-menu .b24-preview-side-label{display:block;text-transform:uppercase;font:400 11px/1.5 Arial,sans-serif;letter-spacing:.07em;color:#647c8c;margin-bottom:2px}
html[data-b24-unified="on"] #b24-home :is(#b24-hubs,#b24-video) .b24-preview-video-menu .vn-side-group nav a{font:400 14px/1.5 Arial,sans-serif;padding:8px 14px 8px 20px;color:#344f63}
html[data-b24-unified="on"] #b24-home :is(#b24-hubs,#b24-video) .b24-preview-video-menu .vn-side-group nav a[aria-current=page]{font-weight:700;color:#075b91;background:#eff7fc;border-left-color:#075b91}
@media(max-width:991px){
 html[data-b24-unified="on"] #b24-preview-page-top .b24-preview-title-inner{width:calc(100% - 40px);padding:22px 0}
 html[data-b24-unified="on"] #b24-home .b24-preview-video-root{padding-top:24px!important}
}
@media(max-width:600px){
 html[data-b24-unified="on"] #b24-preview-page-top h1{font-size:25px;line-height:1.25}
 html[data-b24-unified="on"] #b24-home .b24-preview-video-root .b24-preview-hero-title{font-size:27px!important}
}
html[data-b24-unified="on"] #b24-home :is(#b24-hubs,#b24-video) .b24-preview-video-menu>details>nav>a:is(.active,.is-active,[aria-current="page"]):is(:hover,:focus-visible){background:#075b91!important;color:#fff!important}
html[data-b24-unified="on"] #b24-home :is(#b24-hubs,#b24-video) .b24-preview-quicknav{display:flex;flex-wrap:wrap;gap:12px 24px;margin:24px 0 32px;padding:0 0 17px;border-bottom:1px solid #dbe5ed;font:400 14px/1.5 Arial,sans-serif}
html[data-b24-unified="on"] #b24-home :is(#b24-hubs,#b24-video) .b24-preview-quicknav a{color:#008dcc;text-decoration:none;border-bottom:1px dotted #9cb9c9;padding:0 0 2px;background:transparent}
html[data-b24-unified="on"] #b24-home :is(#b24-hubs,#b24-video) .b24-preview-quicknav a:hover{color:#075b91;border-bottom-style:solid}
html[data-b24-unified="on"] #b24-home :is(#b24-hubs,#b24-video) .b24-preview-quicknav a:focus-visible{outline:2px solid #075b91;outline-offset:4px}
html[data-b24-unified="on"] .b24-preview-anchor-target{scroll-margin-top:160px}
@media(max-width:600px){html[data-b24-unified="on"] #b24-home :is(#b24-hubs,#b24-video) .b24-preview-quicknav{gap:10px 17px;margin-top:20px;margin-bottom:24px}html[data-b24-unified="on"] .b24-preview-anchor-target{scroll-margin-top:80px}}
/* Shared preview components; live styles and data remain intact. */
html[data-b24-unified="on"]{--b24-v4-ink:#153047;--b24-v4-blue:#078ccc;--b24-v4-active:#075b91;--b24-v4-line:#dbe5ed}
html[data-b24-unified="on"] #b24-home.b24-preview-video-root .b24-install-network-layout{margin-top:0}
html[data-b24-unified="on"] :is(.b24-install-sidebar,#b24-catalog .b24-sidebar) .b24-side-direction:is(.is-active,[aria-current="page"]):is(:hover,:focus-visible){background:#075b91!important;color:#fff!important}
html[data-b24-unified="on"] #b24-catalog .b24-sidebar{font:14px/1.5 Arial,sans-serif}
html[data-b24-unified="on"] #b24-catalog .b24-sidebar .b24-side-direction,html[data-b24-unified="on"] #b24-catalog .b24-sidebar .b24-side-home{font-size:15px}
html[data-b24-unified="on"] #b24-catalog .b24-sidebar .b24-side-child{font-size:14px}
html[data-b24-unified="on"] #b24-catalog .b24-sidebar details{border-radius:12px;overflow:hidden;border-color:#dbe5ed}
html[data-b24-unified="on"] #b24-catalog .b24-sidebar summary{padding:16px 14px;background:#f3f8fb;font:700 14px/1.5 Arial,sans-serif}
html[data-b24-unified="on"] #b24-catalog{font-family:Roboto,Arial,sans-serif;color:#153047;--ink:#153047;--blue:#075b91;--line:#dbe5ed}
html[data-b24-unified="on"] #b24-catalog #b24-equipment{font-family:Roboto,Arial,sans-serif}
html[data-b24-unified="on"] #b24-catalog>.titlebar{background:#f8f8f8;padding:28px 0 30px;border:0}
html[data-b24-unified="on"] #b24-catalog>.titlebar h1{font:400 32px/1.15 Roboto,Arial,sans-serif;color:#222;margin:13px 0 8px}
html[data-b24-unified="on"] #b24-catalog .wrap{max-width:1636px;width:calc(100% - 80px);padding-left:0;padding-right:0}
html[data-b24-unified="on"] #b24-catalog .wrap.layout{grid-template-columns:calc(25% - 48px) minmax(0,75%);gap:48px;padding-top:40px}
html[data-b24-unified="on"] #b24-catalog :is(.direction,.group-tile,.product-card,.card,.power-choice,.help){border-color:#dbe5ed;border-radius:12px}
html[data-b24-unified="on"] #b24-catalog .intro h2{font-size:29px;line-height:1.25}
html[data-b24-unified="on"] #b24-catalog .btn{font-size:14px;padding:12px 17px;background:#078ccc;border-color:#078ccc}
html[data-b24-unified="on"] .b24-v4-content{font:16px/1.65 Roboto,Arial,sans-serif;color:#153047;min-width:0}
html[data-b24-unified="on"] .b24-v4-content :is(h2,h3,h4){color:#153047;letter-spacing:normal}
html[data-b24-unified="on"] .b24-v4-content h2{font-size:29px;line-height:1.25;margin:30px 0 14px}
html[data-b24-unified="on"] .b24-v4-content h3{font-size:20px;line-height:1.3;margin:24px 0 12px}
html[data-b24-unified="on"] .b24-v4-content :is(p,li){line-height:1.65}
html[data-b24-unified="on"] .b24-v4-content p{margin:0 0 16px}
html[data-b24-unified="on"] .b24-v4-content :is(.btn,.button){border-radius:5px;font-size:14px}
html[data-b24-unified="on"] .b24-v4-content :is(.item-views .item,.main-section-wrapper .item,.detail .order-block){border-color:#dbe5ed;border-radius:12px;overflow:hidden}
html[data-b24-unified="on"] .b24-v4-content .main-section-wrapper .item :is(.title,.name){font-size:20px;line-height:1.3}
html[data-b24-unified="on"] .b24-v4-content .main-section-wrapper .item .text{font-size:15px;line-height:1.65}
html[data-b24-unified="on"] .b24-v4-content :is(.nav-tabs,.tabs-head){border-color:#dbe5ed}
html[data-b24-unified="on"] .b24-v4-content .nav-tabs>li>a{font-size:14px;border-radius:0;background:transparent;color:#075b91}
html[data-b24-unified="on"] .b24-v4-content table{max-width:100%;font-size:14px}
html[data-b24-unified="on"] .b24-v4-content th{background:#f3f8fb;color:#153047}
html[data-b24-unified="on"] .b24-v4-scrolltable{max-width:100%;overflow-x:auto;margin:18px 0 28px}
html[data-b24-unified="on"] .b24-v4-scrolltable table{margin:0;min-width:480px;width:100%}
html[data-b24-unified="on"] .b24-v4-left :is(.sidebar,.menu_top_block){border-radius:12px;overflow:hidden}
html[data-b24-unified="on"] .b24-v4-left .menu_top_block a{font:600 15px/1.5 Arial,sans-serif;color:#344f63}
html[data-b24-unified="on"] .b24-v4-left .menu_top_block .active>a{background:#075b91;color:#fff}
html[data-b24-unified="on"] .b24-v4-left .menu_top_block .active>a:hover{background:#075b91;color:#fff}
html[data-b24-unified="on"] .b24-v4-hidden{display:none!important}
html[data-b24-unified="on"] .b24-v4-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;padding:30px;margin:0 0 26px;background:linear-gradient(120deg,#edf8fc,#f9fbfc);border:1px solid #dbe5ed;border-top:4px solid #078ccc;border-radius:12px;align-items:center}
html[data-b24-unified="on"] .b24-v4-hero h2{font:700 31px/1.25 Roboto,Arial,sans-serif;letter-spacing:-.65px;margin:10px 0 18px}
html[data-b24-unified="on"] .b24-v4-eyebrow{font:700 12px/1.5 Arial,sans-serif;letter-spacing:.07em;color:#307b97;text-transform:uppercase}
html[data-b24-unified="on"] .b24-v4-hero p{font-size:15px;line-height:1.65;color:#516d80}
html[data-b24-unified="on"] .b24-v4-hero figure{margin:0;padding:12px;border:1px solid #dbe5ed;border-radius:10px;background:white;min-width:0}
html[data-b24-unified="on"] .b24-v4-hero figure img{display:block;width:100%;height:auto;border-radius:5px;object-fit:contain}
html[data-b24-unified="on"] .b24-v4-hero figcaption{font:11px/1.45 Arial,sans-serif;color:#6d8597;margin-top:9px}
html[data-b24-unified="on"] .b24-v4-hero .b24-v4-steps{display:grid;gap:16px;background:white;padding:26px;border:1px solid #dbe5ed;border-radius:10px}
html[data-b24-unified="on"] .b24-v4-steps div+div{border-top:1px solid #dbe5ed;padding-top:16px}
html[data-b24-unified="on"] .b24-v4-btn{display:inline-block;border:1px solid #078ccc;background:#078ccc;color:#fff!important;border-radius:5px;font:700 14px/1.4 Arial,sans-serif;padding:12px 17px;cursor:pointer;text-decoration:none}
html[data-b24-unified="on"] .b24-v4-btn:hover{background:#075b91;border-color:#075b91}
html[data-b24-unified="on"] .b24-v4-btn:focus-visible{outline:2px solid #075b91;outline-offset:3px}
html[data-b24-unified="on"] .b24-v4-nav{display:flex;flex-wrap:wrap;gap:12px 24px;padding:0 0 17px;margin:0 0 32px;border-bottom:1px solid #dbe5ed;font:14px/1.5 Arial,sans-serif}
html[data-b24-unified="on"] .b24-v4-nav a{color:#078ccc;text-decoration:none;border-bottom:1px dotted #9cb9c9}
html[data-b24-unified="on"] .b24-v4-nav a:hover{color:#075b91;border-bottom-style:solid}
html[data-b24-unified="on"] .b24-v4-section{margin:0 0 34px;scroll-margin-top:160px}
html[data-b24-unified="on"] .b24-v4-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
html[data-b24-unified="on"] .b24-v4-grid article{border:1px solid #dbe5ed;border-radius:10px;padding:22px;background:#fff;min-width:0}
html[data-b24-unified="on"] .b24-v4-grid h3{margin:8px 0 12px;font-size:20px}
html[data-b24-unified="on"] .b24-v4-grid p{font-size:14px}
html[data-b24-unified="on"] .b24-v4-number{display:block;color:#078ccc;font:700 13px Arial,sans-serif;margin-bottom:12px}
html[data-b24-unified="on"] .b24-v4-note{padding:24px;border:1px solid #dbe5ed;border-radius:10px;background:#f3f8fb}
html[data-b24-unified="on"] .b24-v4-note li{margin-bottom:10px}
html[data-b24-unified="on"] .b24-v4-section details{border-bottom:1px solid #dbe5ed;padding:15px 0}
html[data-b24-unified="on"] .b24-v4-section summary{font-size:16px;font-weight:600;cursor:pointer}
html[data-b24-unified="on"] .b24-v4-section details p{margin:12px 0 0}
html[data-b24-unified="on"] .b24-v4-toc{padding:18px 22px;border:1px solid #dbe5ed;border-radius:10px;background:#f3f8fb;margin:0 0 28px}
html[data-b24-unified="on"] .b24-v4-toc summary{cursor:pointer;font-weight:600;font-size:15px}
html[data-b24-unified="on"] .b24-v4-toc nav{display:grid;gap:8px;margin-top:15px;font-size:14px;line-height:1.5}
html[data-b24-unified="on"] .b24-v4-anchor{scroll-margin-top:160px}
@media(max-width:1199px){html[data-b24-unified="on"] #b24-catalog .wrap.layout{grid-template-columns:calc(25% - 28px) minmax(0,75%);gap:28px}html[data-b24-unified="on"] .b24-v4-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:991px){html[data-b24-unified="on"] #b24-catalog .wrap{width:calc(100% - 40px)}html[data-b24-unified="on"] #b24-catalog .wrap.layout{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:24px}html[data-b24-unified="on"] .b24-v4-hero{grid-template-columns:1fr;padding:22px}html[data-b24-unified="on"] .b24-v4-hero figure img{max-height:380px}}
@media(max-width:600px){html[data-b24-unified="on"] .b24-v4-hero h2{font-size:27px}html[data-b24-unified="on"] .b24-v4-content h2{font-size:25px}html[data-b24-unified="on"] .b24-v4-grid{grid-template-columns:1fr}html[data-b24-unified="on"] .b24-v4-nav{gap:10px 17px}html[data-b24-unified="on"] #b24-catalog>.titlebar h1{font-size:25px}html[data-b24-unified="on"] :is(.b24-v4-anchor,.b24-v4-section){scroll-margin-top:80px}}
/* Four residential scenarios only. No changes to reference SKUD or lock pages. */
html[data-b24-unified="on"] :is(#b24-home,#b24-video,.b24-v4-service) .b24-res5-hero{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,1fr);align-items:center;gap:30px;padding:30px;margin:0;background:linear-gradient(120deg,#edf8fc,#f9fbfc);border:1px solid #dbe5ed;border-top:4px solid #078ccc;border-radius:12px;box-sizing:border-box;color:#153047;font-family:Roboto,Arial,sans-serif}
html[data-b24-unified="on"] .b24-res5-copy{min-width:0}
html[data-b24-unified="on"] :is(#b24-home,#b24-video,.b24-v4-service) .b24-res5-hero h2{font:700 31px/1.25 Roboto,Arial,sans-serif;letter-spacing:-.65px;margin:12px 0 16px;color:#153047}
html[data-b24-unified="on"] .b24-res5-eyebrow{font:700 12px/1.5 Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#307b97}
html[data-b24-unified="on"] :is(#b24-home,#b24-video,.b24-v4-service) .b24-res5-hero p{font:400 15px/1.65 Roboto,Arial,sans-serif;color:#516d80;margin:0 0 16px}
html[data-b24-unified="on"] .b24-res5-points{margin:0 0 22px;padding:0;display:grid;gap:12px}
html[data-b24-unified="on"] .b24-res5-points div{font:400 14px/1.5 Roboto,Arial,sans-serif;color:#516d80;border-left:2px solid #b9dce9;padding-left:12px}
html[data-b24-unified="on"] .b24-res5-points strong{font-weight:600;color:#153047}
html[data-b24-unified="on"] .b24-res5-hero figure{width:100%;max-width:470px;justify-self:end;box-sizing:border-box;min-width:0;margin:0;padding:12px;border:1px solid #dbe5ed;border-radius:10px;background:#fff}
html[data-b24-unified="on"] .b24-res5-hero figure img{display:block;width:100%;height:auto;max-height:340px;object-fit:contain;border-radius:5px}
html[data-b24-unified="on"] .b24-res5-hero figcaption{font:400 11px/1.45 Arial,sans-serif;color:#6d8597;margin-top:9px}
html[data-b24-unified="on"] .b24-res5-hero+.b24-v4-nav{margin-top:22px}
html[data-b24-unified="on"] .b24-res5-menu{font:400 14px/1.5 Arial,sans-serif;color:#17364d;min-width:0;align-self:start;width:100%;margin:0}
html[data-b24-unified="on"] .b24-res5-menu>details{border:1px solid #dbe5ed;border-radius:12px;overflow:hidden;background:#fff}
html[data-b24-unified="on"] .b24-res5-menu summary{list-style:none;cursor:pointer;position:relative}
html[data-b24-unified="on"] .b24-res5-menu summary::-webkit-details-marker{display:none}
html[data-b24-unified="on"] .b24-res5-menu>details>summary{font:700 14px/1.5 Arial,sans-serif;background:#f3f8fb;padding:16px 14px;color:#17364d}
html[data-b24-unified="on"] .b24-res5-menu summary:after{content:'+';position:absolute;right:14px;font-weight:700}
html[data-b24-unified="on"] .b24-res5-menu details[open]>summary:after{content:'-'}
html[data-b24-unified="on"] .b24-res5-menu>details>nav>a{display:block;padding:11px 14px;border-bottom:1px solid #edf1f5;font:600 15px/1.5 Arial,sans-serif;color:#344f63;background:#fff;text-decoration:none}
html[data-b24-unified="on"] .b24-res5-menu>details>nav>a:first-child{font-weight:400;color:#075b91;border-bottom-color:#dbe5ed}
html[data-b24-unified="on"] .b24-res5-menu>details>nav>a:hover{color:#075b91;background:#eff7fc}
html[data-b24-unified="on"] .b24-res5-menu>details>nav>a.is-active,html[data-b24-unified="on"] .b24-res5-menu>details>nav>a.is-active:hover,html[data-b24-unified="on"] .b24-res5-menu>details>nav>a.is-active:focus-visible{background:#075b91!important;color:#fff!important;font-weight:700}
html[data-b24-unified="on"] .b24-res5-menu .vn-grouped-nav{margin-top:16px;border-top:1px solid #dbe5ed;padding-bottom:6px}
html[data-b24-unified="on"] .b24-res5-menu .vn-side-title{padding:13px 14px;background:#f3f8fb;font:700 14px/1.5 Arial,sans-serif;color:#17364d}
html[data-b24-unified="on"] .b24-res5-side-label{display:block;font:400 11px/1.5 Arial,sans-serif;letter-spacing:.07em;color:#647c8c;margin-bottom:2px}
html[data-b24-unified="on"] .b24-res5-menu .vn-side-group{border-top:1px solid #edf1f5}
html[data-b24-unified="on"] .b24-res5-menu .vn-side-group>summary{display:flex;align-items:center;gap:10px;padding:11px 36px 11px 14px;font:400 14px/1.5 Arial,sans-serif;color:#344f63}
html[data-b24-unified="on"] .b24-res5-menu .vn-side-count{margin-left:auto;background:#eef5f9;border-radius:20px;color:#648297;font:400 10px/18px Arial,sans-serif;min-width:18px;text-align:center}
html[data-b24-unified="on"] .b24-res5-menu .vn-side-group nav a{display:block;border-left:3px solid transparent;padding:8px 14px 8px 20px;text-decoration:none;font:400 14px/1.5 Arial,sans-serif;color:#344f63}
html[data-b24-unified="on"] .b24-res5-menu .vn-side-group nav a:is(:hover,[aria-current=page]){background:#eff7fc;color:#075b91}
html[data-b24-unified="on"] .b24-res5-menu .vn-side-group nav a[aria-current=page]{font-weight:700;border-left-color:#075b91}
html[data-b24-unified="on"] .b24-res5-left>:not(.b24-res5-menu){display:none!important}
html[data-b24-unified="on"] .b24-res5-left>.b24-res5-menu{display:block!important}
@media(max-width:991px){html[data-b24-unified="on"] .b24-res5-layout{display:flex;flex-direction:column}html[data-b24-unified="on"] .b24-res5-layout>.b24-res5-left{order:-1;float:none;width:100%;margin:0 0 24px}html[data-b24-unified="on"] .b24-res5-layout>.right_block{float:none;width:100%;min-width:0}}
@media(max-width:991px){html[data-b24-unified="on"] :is(#b24-home,#b24-video,.b24-v4-service) .b24-res5-hero{grid-template-columns:minmax(0,1fr);padding:22px;gap:22px}html[data-b24-unified="on"] .b24-res5-hero figure{justify-self:center;max-width:470px}}
@media(max-width:600px){html[data-b24-unified="on"] :is(#b24-home,#b24-video,.b24-v4-service) .b24-res5-hero h2{font-size:27px}html[data-b24-unified="on"] .b24-res5-hero figure{padding:9px}html[data-b24-unified="on"] .b24-res5-hero .b24-v4-btn{white-space:normal;max-width:100%}}
/* Same container for the shared masthead and navigation, scoped to the preview. */
html[data-b24-unified="on"] #b24-site-header>.wrap{width:calc(100% - 80px)!important;max-width:1636px!important;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;box-sizing:border-box}
@media(max-width:991px){html[data-b24-unified="on"] #b24-site-header>.wrap{width:calc(100% - 40px)!important}}
html[data-b24-unified="on"] #b24-site-header .head{gap:24px;position:relative}
html[data-b24-unified="on"] #b24-site-header .location{flex-shrink:0}
html[data-b24-unified="on"] #b24-site-header .b24-head-search{position:relative;flex:1 1 300px;min-width:180px;max-width:360px;margin-left:auto}
html[data-b24-unified="on"] #b24-site-header .head-phones{margin-left:auto}
html[data-b24-unified="on"] #b24-site-header .b24-head-search form{margin:0;position:relative}
html[data-b24-unified="on"] #b24-site-header .b24-search-field{height:44px;display:flex;border:1px solid #cfdee7;border-radius:5px;background:#f7fafc;overflow:hidden}
html[data-b24-unified="on"] #b24-site-header .b24-search-field:focus-within{border-color:#078ccc;box-shadow:0 0 0 2px #078ccc20}
html[data-b24-unified="on"] #b24-site-header .b24-search-field input{width:100%;min-width:0;flex:1;border:0;padding:0 12px;background:transparent;outline:none;font:14px/1.4 Arial,sans-serif;color:#163044;height:42px;box-shadow:none;margin:0}
html[data-b24-unified="on"] #b24-site-header .b24-search-field input::placeholder{color:#698091;opacity:1}
html[data-b24-unified="on"] #b24-site-header .b24-search-field button,html[data-b24-unified="on"] #b24-site-header .b24-search-toggle{display:flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;padding:0;border:0;background:transparent;color:#075b91}
html[data-b24-unified="on"] #b24-site-header .b24-head-search svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
html[data-b24-unified="on"] #b24-site-header .b24-search-toggle{display:none}
html[data-b24-unified="on"] #b24-site-header .b24-search-results{position:absolute;top:calc(100% + 8px);left:0;width:max(100%,380px);max-width:calc(100vw - 40px);max-height:min(540px,70dvh);overflow-y:auto;background:#fff;border:1px solid #d6e3eb;border-radius:8px;box-shadow:0 12px 34px #15304724;z-index:80;text-align:left}
html[data-b24-unified="on"] #b24-site-header .b24-search-results[hidden]{display:none!important}
html[data-b24-unified="on"] #b24-site-header .b24-search-status{padding:12px 15px;font:12px/1.4 Arial,sans-serif;color:#617b8d;background:#f3f8fb}
html[data-b24-unified="on"] #b24-site-header .b24-search-matches>a{display:block;padding:12px 15px;border-bottom:1px solid #edf1f5;text-decoration:none;font:600 14px/1.4 Arial,sans-serif;color:#163044;overflow-wrap:anywhere}
html[data-b24-unified="on"] #b24-site-header .b24-search-matches>a:hover,html[data-b24-unified="on"] #b24-site-header .b24-search-matches>a:focus-visible{background:#eff7fc;color:#075b91}
html[data-b24-unified="on"] #b24-site-header .b24-search-matches small{display:block;margin-top:4px;font:12px/1.4 Arial,sans-serif;color:#698091}
html[data-b24-unified="on"] #b24-site-header .b24-search-matches p{font:14px/1.5 Arial,sans-serif;padding:14px 15px;margin:0;color:#516d80}
html[data-b24-unified="on"] #b24-site-header .b24-search-footer{display:grid;padding:8px 15px;gap:2px}
html[data-b24-unified="on"] #b24-site-header .b24-search-footer>*{font:13px/1.45 Arial,sans-serif;color:#075b91;text-align:left;border:0;background:none;padding:8px 0;text-decoration:none}
@media(max-width:1240px){html[data-b24-unified="on"] #b24-site-header .location{display:none}}
@media(max-width:900px){
 html[data-b24-unified="on"] #b24-site-header .head{gap:12px}
 html[data-b24-unified="on"] #b24-site-header .b24-head-search{position:static;flex:0 0 42px;min-width:0;max-width:none;margin-left:0;order:5}
 html[data-b24-unified="on"] #b24-site-header .b24-search-toggle{display:flex;border:1px solid #cfdee7;border-radius:5px}
 html[data-b24-unified="on"] #b24-site-header .b24-head-search form{display:none;position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:90;background:#fff;border-radius:5px}
 html[data-b24-unified="on"] #b24-site-header .b24-head-search[data-open=true] form{display:block}
 html[data-b24-unified="on"] #b24-site-header .b24-search-results{width:100%;max-width:100%;max-height:58dvh}
 html[data-b24-unified="on"] #b24-site-header .b24-search-field input{font-size:16px}
}