/* Technical disciplines, aligned with the approved open WhiteBox composition. */
.wbn-aligned .technical-engineering{background:#fff;padding:66px 0 72px;border-top:1px solid #dbe1e5;scroll-margin-top:90px;}
.wbn-aligned .technical-heading{margin-bottom:36px;max-width:880px;}
.wbn-aligned .technical-heading h2{font:500 clamp(38px,4.3vw,60px)/1.05 WBNDisplay,WBNOpen,sans-serif;letter-spacing:-.045em;margin:18px 0 22px;color:#444;}
.wbn-aligned .technical-heading>p:last-child{font:400 18px/1.65 WBNOpen,sans-serif;max-width:720px;color:#586773;margin:0;}
.wbn-aligned .technical-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;border-bottom:1px solid #cdd5dc;}
.wbn-aligned .technical-tabs button{appearance:none;background:none;border:0;border-bottom:3px solid transparent;padding:17px 0 16px;min-height:58px;text-align:left;font:500 14px/1.5 WBNOpen,sans-serif;color:#505d67;cursor:pointer;}
.wbn-aligned .technical-tabs button[aria-selected=true]{color:#005b9e;border-bottom-color:#0072ce;font-weight:650;}
.wbn-aligned .technical-tabs button:hover{color:#005b9e;}
.wbn-aligned .technical-panel{scroll-margin-top:110px;}
.wbn-aligned .technical-panel[hidden]{display:none!important;}
.wbn-aligned .technical-intro{display:grid;grid-template-columns:1fr 1.12fr;align-items:end;gap:70px;padding:38px 0 34px;}
.wbn-aligned .technical-kicker{font:600 10px/1.5 monospace;letter-spacing:.1em;text-transform:uppercase;color:#005b9e;margin:0 0 14px;}
.wbn-aligned .technical-intro h3{font:500 clamp(29px,3vw,42px)/1.12 WBNDisplay,sans-serif;letter-spacing:-.035em;max-width:19ch;margin:0;color:#444;}
.wbn-aligned .technical-intro>p{font:400 16px/1.7 WBNOpen,sans-serif;color:#586773;margin:0;max-width:62ch;}
.wbn-aligned .technical-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 64px;}
.wbn-aligned .technical-grid article{display:grid;grid-template-columns:24px minmax(0,1fr);gap:16px;border-top:1px solid #dbe1e5;padding-top:23px;}
.wbn-aligned .technical-number{font:11px/1.7 monospace;color:#005b9e;padding-top:3px;}
.wbn-aligned .technical-grid h4{font:650 21px/1.3 WBNDisplay,sans-serif;text-transform:none;color:#444;margin:0 0 12px;letter-spacing:-.02em;}
.wbn-aligned .technical-grid p{font:400 15px/1.75 WBNOpen,sans-serif;color:#586773;margin:0;}
.wbn-aligned .technical-validation{display:grid;grid-template-columns:190px minmax(0,1fr);gap:34px;margin-top:38px;padding:24px 28px;border-left:3px solid #0072ce;background:#f5f7f9;}
.wbn-aligned .technical-validation h4{font:600 17px/1.5 WBNDisplay,sans-serif;text-transform:none;color:#444;margin:0;}
.wbn-aligned .technical-validation p{font:400 14px/1.75 WBNOpen,sans-serif;color:#586773;margin:0;max-width:100ch;}
.wbn-aligned .technical-panel:focus-visible{outline:2px solid #0072ce;outline-offset:6px;}
@media(max-width:1000px){
.wbn-aligned .technical-tabs{gap:16px;}
.wbn-aligned .technical-tabs button{font-size:13px;}
.wbn-aligned .technical-intro{gap:36px;align-items:start;}
.wbn-aligned .technical-grid{gap:28px 34px;}
.wbn-aligned .technical-validation{grid-template-columns:150px minmax(0,1fr);gap:24px;}
}
@media(max-width:760px){
.wbn-aligned .technical-engineering{padding:42px 0;}
.wbn-aligned .technical-heading{margin-bottom:24px;}
.wbn-aligned .technical-heading h2{font-size:38px;}
.wbn-aligned .technical-heading>p:last-child{font-size:16px;}
.wbn-aligned .technical-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;border-top:1px solid #dbe1e5;}
.wbn-aligned .technical-tabs button{font-size:13px;min-height:58px;}
.wbn-aligned .technical-intro{grid-template-columns:1fr;gap:20px;padding:30px 0 28px;}
.wbn-aligned .technical-intro h3{font-size:32px;max-width:22ch;}
.wbn-aligned .technical-intro>p{font-size:15px;}
.wbn-aligned .technical-grid{grid-template-columns:1fr;gap:25px;}
.wbn-aligned .technical-grid article{grid-template-columns:20px minmax(0,1fr);gap:12px;padding-top:21px;}
.wbn-aligned .technical-grid h4{font-size:20px;}
.wbn-aligned .technical-validation{grid-template-columns:1fr;gap:10px;padding:20px;margin-top:30px;}
}

/* Editorial rhythm: readable paragraphs and a sequential heading outline. */
.wbn-aligned .technical-grid p+p{margin-top:10px;}
.wbn-aligned .technical-validation p+p{margin-top:10px;}
.wbn-aligned .technical-validation strong{font-weight:650;color:#444;}
.site-draft[data-wbn-study=b] #section_bitU4 h2{font:600 14px/1.5 WBNOpen,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#444;margin:0;}
.site-draft[data-wbn-study=b] .client-section h2{font:500 30px/1.2 WBNDisplay,sans-serif;color:#444;letter-spacing:-.025em;text-transform:none;}

@media(min-width:992px){
 .site-draft[data-wbn-study=b] #column_NUedv>.row{display:flex;flex-wrap:wrap;}
 .site-draft[data-wbn-study=b] #column_NUedv>.row>.col-md-12{width:100%;}
 .site-draft[data-wbn-study=b] #column_NUedv>.row>.col-md-3,
 .site-draft[data-wbn-study=b] #column_NUedv>.row>.col-md-3>.row,
 .site-draft[data-wbn-study=b] #column_NUedv .hc_content_box_cnt{display:flex;}
 .site-draft[data-wbn-study=b] #section_bitU4 .advs-box{display:flex;flex-direction:column;align-items:center;width:100%;}
 .site-draft[data-wbn-study=b] #section_bitU4 .advs-box h3{min-height:2.4em;}
 .site-draft[data-wbn-study=b] #section_bitU4 .advs-box>a{margin-top:auto;}
}

.site-draft[data-wbn-study=b] #section_bitU4 .advs-box>a{padding-top:16px;color:#005b9e;font-size:13px;}
.site-draft[data-wbn-study=b] #section_bitU4 .advs-box>a:hover{color:#003b68;}
