/* Generated from the accepted WBN canonical site. Source hashes in wbn-reference/sources.json. */
.wbn-aligned{--action:#0072ce;--action-hover:#005da8;--ink:#18242c;--muted:#586773;--rule:#dbe1e5;--surface:#f5f7f9;color:#444;}
.wbn-aligned .canonical-opening{padding-top:52px;padding-bottom:32px;border-bottom:1px solid var(--rule)}
.wbn-aligned .canonical-opening h2{font-size:clamp(38px,5vw,64px);font-weight:500;letter-spacing:-.045em;line-height:1.05;margin:18px 0 20px;max-width:900px}
.wbn-aligned .canonical-opening p{max-width:720px;color:var(--muted);font-size:18px;line-height:1.65}
.wbn-aligned .canonical-opening .eyebrow,.wbn-aligned .kicker{font:600 11px/1.4 monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--action)}
.wbn-aligned .quick-links{display:flex;flex-wrap:wrap;gap:14px 24px;font-size:14px}
.wbn-aligned .download-group{margin:40px 0}
.wbn-aligned .download-group h2{font-size:30px;letter-spacing:-.025em;font-weight:500}
.wbn-aligned .download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px}
.wbn-aligned .download-card{padding:24px 0;border-top:1px solid var(--rule);display:flex;flex-direction:column;align-items:start}
.wbn-aligned .download-card h3{font-size:21px;line-height:1.3;margin:10px 0}
.wbn-aligned .download-card p{color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 18px}
.wbn-aligned .download-card .download-meta{font-family:monospace;font-size:11px;line-height:1.6;margin-top:12px}
.wbn-aligned .download-card .download-actions{display:flex;flex-wrap:wrap;gap:18px;margin-top:auto;font-size:14px}
.wbn-aligned .notice{border-left:3px solid var(--action);background:var(--surface);padding:18px 22px;line-height:1.65;color:var(--muted);font-size:14px}

/* Petabit integration: exact baseline typefaces, label treatment and spacing. */
@font-face{font-family:WBNDisplay;src:url('/petabit-20261104-r7/site/wbn-reference/raleway.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:WBNOpen;src:url('/petabit-20261104-r7/site/wbn-reference/open-sans.ttf') format('truetype');font-weight:300 800;font-display:swap}
.wbn-aligned .wrap{width:calc(100% - 100px);max-width:1360px;}
.wbn-aligned :is(h2,h3){color:#444;}
.wbn-aligned .r31-eyebrow{font:600 11px/1.4 monospace!important;letter-spacing:.12em;text-transform:uppercase;color:var(--action)!important;margin:0 0 22px;}
.wbn-aligned .r31-section-head{display:block;margin-bottom:32px;}
.wbn-aligned .r31-section-head h2{font:500 clamp(38px,4.3vw,60px)/1.05 WBNDisplay,WBNOpen,sans-serif;letter-spacing:-.045em;max-width:900px;margin:18px 0 20px;}
.wbn-aligned .r31-section-head>p{font:400 18px/1.65 WBNOpen,sans-serif;max-width:720px;margin:0;color:var(--muted);}
.wbn-aligned .r31-engineering{background:#fff;border-block:1px solid var(--rule);padding-block:60px;}
.wbn-aligned .deployment-tabs{justify-content:flex-start;gap:36px;border-color:var(--rule);}
.wbn-aligned .deployment-tabs button{font-size:14px;min-height:52px;}
.wbn-aligned .deployment-panel:not([hidden]){padding-top:32px;gap:44px;align-items:start;}
.wbn-aligned .deployment-panel figure{margin:0;background:var(--surface);border:0;padding:28px 20px;}
.wbn-aligned .deployment-panel figcaption{font:11px/1.65 WBNOpen,sans-serif;color:var(--muted);}
.wbn-aligned .deployment-detail h3{font:700 24px/1.3 WBNDisplay,sans-serif;letter-spacing:-.02em;margin:0 0 14px;}
.wbn-aligned .deployment-detail>p{font:400 15px/1.7 WBNOpen,sans-serif;color:var(--muted);margin:0 0 22px;}
.wbn-aligned .deployment-detail dl{font:400 14px/1.6 WBNOpen,sans-serif;gap:24px;margin:0 0 16px;}
.wbn-aligned .deployment-detail dl>div{border-color:var(--rule);}
.wbn-aligned .deployment-detail :is(dt,dd){color:var(--muted);}
.wbn-aligned .deployment-detail dt{color:#444;font-weight:600;}
.wbn-aligned .capability-links a{font-size:14px;border:0;gap:9px;padding:8px 0;}
.wbn-aligned .r31-range{padding-block:68px;gap:64px;border-bottom:1px solid var(--rule);}
.wbn-aligned .r31-range-intro h2{font-size:clamp(38px,3.3vw,48px);}
.wbn-aligned .r31-range-intro>p:not(.r31-eyebrow){font-size:16px;line-height:1.65;color:var(--muted);}
.wbn-aligned .r31-products{border-color:var(--rule);}
.wbn-aligned .r31-products>a{border-color:var(--rule);}
.wbn-aligned .r31-products h3{font-size:28px;font-weight:600;letter-spacing:-.025em;}
.wbn-aligned .r31-products p{font-size:14px;line-height:1.6;color:var(--muted);}
.wbn-aligned .r31-product-number{font:11px/1.6 monospace;}
.wbn-aligned .r31-textlink{font-size:14px;}
.wbn-aligned .wbn-family-mark{display:block;grid-column:1/-1;}
.wbn-aligned .wbn-resources{padding-bottom:64px;}
.wbn-aligned .canonical-opening{padding-top:60px;height:auto!important;min-height:0;max-height:none;}
.wbn-aligned .canonical-opening h2{color:#444;}
.wbn-aligned .download-card h3{font-weight:700;letter-spacing:-.02em;}
.wbn-aligned .download-card :is(h3,p){max-width:52ch;}
.wbn-aligned .quick-links a,.wbn-aligned .download-actions a{padding-block:6px;}
.wbn-aligned .notice{margin-top:20px;}
.site-draft[data-wbn-study].past-hero #main-menu>li>a{font-family:WBNOpen,sans-serif;font-weight:400;letter-spacing:0;font-size:13px;}
.site-draft[data-wbn-study] #section_bitU4 :is(h3,h4){color:#444;}
.site-draft[data-wbn-study] #section_bitU4 h3{font-weight:600;font-size:24px;}
.site-draft[data-wbn-study] #section_bitU4 p{font:400 14px/1.7 WBNOpen,sans-serif;color:#586773;}
.site-draft[data-wbn-study] .client-section h4{font:500 30px/1.2 WBNDisplay,sans-serif;color:#444;letter-spacing:-.025em;}
.site-draft[data-wbn-study] :is(#deeper,#engineering,#reference,#whitebox-networks){scroll-margin-top:100px;}
.site-draft[data-wbn-study] :is(#section_bitU4,.client-section){scroll-margin-top:100px;}
@media(max-width:1000px){
 .wbn-aligned .wrap{width:calc(100% - 64px);}
 .wbn-aligned .r31-range{gap:36px;}
 .wbn-aligned .r31-range-intro{display:block;}
 .wbn-aligned .r31-range-intro h2{margin-bottom:22px;}
 .wbn-aligned .deployment-panel:not([hidden]){gap:28px;}
 .wbn-aligned .deployment-detail dl{grid-template-columns:1fr;gap:16px;}
}
@media(max-width:760px){
 .wbn-aligned .wrap{width:calc(100% - 40px);}
 .wbn-aligned .r31-engineering{padding-block:40px;}
 .wbn-aligned .r31-section-head h2{font-size:38px;}
 .wbn-aligned .r31-section-head>p,.wbn-aligned .canonical-opening p{font-size:16px;line-height:1.65;}
 .wbn-aligned .deployment-tabs{gap:10px;}
 .wbn-aligned .deployment-tabs button{font-size:12px;min-width:0;white-space:normal;}
 .wbn-aligned .deployment-detail dl{display:grid;grid-template-columns:1fr 1fr;font-size:13px;}
 .wbn-aligned .deployment-detail>p{font-size:14px;}
 .wbn-aligned .deployment-panel figure{padding:18px 10px;}
 .wbn-aligned .r31-range{padding-block:42px;}
 .wbn-aligned .r31-products h3{font-size:25px;}
 .wbn-aligned .r31-products p{font-size:14px;}
 .wbn-aligned .canonical-opening{padding-top:40px;}
 .wbn-aligned .canonical-opening h2{font-size:38px;}
 .wbn-aligned .download-grid{grid-template-columns:1fr;}
 .wbn-aligned .download-card{padding:22px 0;}
 .wbn-aligned .wbn-resources{padding-bottom:40px;}
}
