/* Scoped adaptation of the selected WhiteBox system, with its exact accent values. */
@font-face{font-family:WBNDisplay;src:url('/petabit-20261104-r4/site/wbn-reference/raleway.ttf') format('truetype');font-display:swap}
@font-face{font-family:WBNOpen;src:url('/petabit-20261104-r4/site/wbn-reference/open-sans.ttf') format('truetype');font-display:swap}
.wbn-aligned{--palette-action:#0072ce;--palette-hover:#005da8;--palette-label:#fff;--palette-ink:#0071cc;--palette-line:#9bbbd5;--palette-diagram:#7ba5c8;font:14px/1.8 WBNOpen,sans-serif;color:#242424;text-align:left;background:#fff;}
.wbn-aligned *{box-sizing:border-box;}
.wbn-aligned .wrap{margin-inline:auto;}
.wbn-aligned h2,.wbn-aligned h3{font-family:WBNDisplay,WBNOpen,sans-serif;font-weight:500;text-transform:none;color:#242424;}
.wbn-aligned p{font-family:WBNOpen,sans-serif;font-size:14px;font-weight:400;line-height:1.85;color:#606060;text-align:left;}
.wbn-aligned a{color:var(--palette-ink);text-decoration:none;}
.wbn-aligned .wbn-family-mark{width:255px;max-width:100%;height:auto;margin:0 0 26px;}
.wbn-aligned .r31-range-intro .r31-eyebrow{font-size:10px;line-height:1.7;}
.wbn-aligned .r31-engineering{background:#f6f6f6;border-block:1px solid #e6e6e6;padding-block:63px 66px;}
.wbn-aligned .deployment-tabs{display:flex;justify-content:space-between;gap:26px;border-bottom:1px solid #ccc;}
.wbn-aligned .deployment-tabs button{background:none;border:0;border-bottom:2px solid transparent;min-height:48px;min-width:150px;padding:12px 0;color:#555;font:13px/1.6 WBNOpen,sans-serif;cursor:pointer;text-align:left;}
.wbn-aligned .deployment-tabs button[aria-selected=true]{border-bottom-color:var(--palette-action);color:var(--palette-ink);font-weight:600;}
.wbn-aligned .deployment-panel:not([hidden]){display:grid;grid-template-columns:1.15fr 1fr;gap:54px;align-items:center;min-height:310px;padding-top:30px;}
.wbn-aligned .deployment-panel[hidden]{display:none!important;}
.wbn-aligned .deployment-panel figure{margin:0;min-width:0;padding:18px;background:#fff;border:1px solid #e0e0e0;}
.wbn-aligned .deployment-drawing{display:block;width:100%;height:auto;aspect-ratio:480/220;max-height:228px;font:11px WBNOpen,sans-serif;overflow:visible;}
.wbn-aligned .deployment-drawing text{fill:#555;}
.wbn-aligned .rack-frame,.wbn-aligned .site-block{fill:#fff;stroke:#aaa;stroke-width:1;}
.wbn-aligned .rack-unit{fill:#e6e6e6;stroke:#b8b8b8;stroke-width:1;}
.wbn-aligned .rack-vent{fill:none;stroke:#aaa;stroke-width:1;}
.wbn-aligned .diagram-link{fill:none;stroke:var(--palette-action);stroke-width:2.2;}
.wbn-aligned .diagram-node{fill:var(--palette-action);stroke:var(--palette-action);}
.wbn-aligned .diagram-tag{fill:#f5f5f5;stroke:var(--palette-diagram);stroke-width:1;}
.wbn-aligned .deployment-panel figcaption{font:10px/1.6 WBNOpen,sans-serif;color:#666;text-align:center;max-width:49ch;margin:11px auto 0;}
.wbn-aligned .deployment-detail h3{font:500 27px/1.15 WBNDisplay,WBNOpen,sans-serif;letter-spacing:-.035em;max-width:25ch;margin:0 0 14px;}
.wbn-aligned .deployment-detail>p{font:13px/1.8 WBNOpen,sans-serif;margin:0 0 17px;}
.wbn-aligned .deployment-detail dl{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:17px 0;font:11px/1.8 WBNOpen,sans-serif;}
.wbn-aligned .deployment-detail dl>div{border-top:1px solid #d5d5d5;padding-top:13px;}
.wbn-aligned .deployment-detail dt{font-weight:600;color:#333;margin-bottom:6px;}
.wbn-aligned .deployment-detail dd{color:#666;margin:0;}
.wbn-aligned .capability-links{display:flex;gap:18px;flex-wrap:wrap;}
.wbn-aligned .capability-links a{display:inline-flex;align-items:center;gap:13px;font:12px/1.8 WBNOpen,sans-serif;padding:9px 0;min-height:44px;border-bottom:1px solid var(--palette-line);}
.wbn-aligned .capability-links a:hover{color:var(--palette-hover);border-color:var(--palette-hover);}
.wbn-aligned .wbn-open-contexts .deployment-panel:not([hidden]){padding-block:32px;border-top:1px solid #d5d5d5;}
.wbn-aligned :is(a,button):focus-visible{outline:2px solid var(--palette-action);outline-offset:4px;}
/* Carry the same typography and open layout into existing summaries, without changing copy. */
.site-draft[data-wbn-study] #section_bitU4{background:#fff;}
.site-draft[data-wbn-study] #section_bitU4 .content{padding-top:50px;padding-bottom:50px;}
.site-draft[data-wbn-study] #section_bitU4 h4{font:500 37px/1.2 WBNDisplay,sans-serif;color:#242424;letter-spacing:-.045em;}
.site-draft[data-wbn-study] #section_bitU4 h3{font:500 25px/1.2 WBNDisplay,sans-serif;text-transform:none;letter-spacing:-.035em;color:#242424;}
.site-draft[data-wbn-study] #section_bitU4 p{font:13px/1.85 WBNOpen,sans-serif;color:#606060;}
.site-draft[data-wbn-study] #section_bitU4 .icon{color:#0072ce;font-size:36px;}
.site-draft[data-wbn-study] #section_bitU4 .btn{font:600 12px/1.8 WBNOpen,sans-serif;color:#0071cc;text-transform:none;}
@media(max-width:1100px){.wbn-aligned .deployment-panel:not([hidden]){gap:30px;}}
@media(max-width:760px){
.wbn-aligned .r31-engineering{padding-block:38px 40px;}
.wbn-aligned .deployment-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.wbn-aligned .deployment-tabs button{min-width:0;font-size:11px;text-align:center;padding:10px 0;}
.wbn-aligned .deployment-panel:not([hidden]){display:block;padding-top:22px;}
.wbn-aligned .deployment-panel figure{padding:12px 8px;}
.wbn-aligned .deployment-drawing{max-height:180px;}
.wbn-aligned .deployment-detail{margin-top:24px;}
.wbn-aligned .deployment-detail h3{font-size:26px;}
.wbn-aligned .deployment-detail>p{font-size:13px;}
.wbn-aligned .deployment-detail dl{font-size:11px;gap:20px;}
.wbn-aligned .wbn-family-mark{width:240px;margin-bottom:22px;}
.site-draft[data-wbn-study] #section_bitU4 .content{padding-top:35px;padding-bottom:28px;}
}
@media(prefers-reduced-motion:reduce){.wbn-aligned *{animation:none!important;transition:none!important;}}
/* Keep the selected dark hero; use the WBN light navigation treatment below it. */
.site-draft[data-wbn-study].past-hero .navbar-fixed-top{background:#fff!important;border-bottom:1px solid #dedede;backdrop-filter:none;}
.site-draft[data-wbn-study].past-hero #main-menu>li>a,.site-draft[data-wbn-study].past-hero .hero-brand span,.site-draft[data-wbn-study].past-hero .navbar-toggle i{color:#242424!important;}
.site-draft[data-wbn-study].past-hero #main-menu a[aria-current=page]{box-shadow:0 2px 0 #0072ce;}