/* Xpertspro experimental software menu — scoped to desktop navigation components. */
@media(min-width:1025px){
body.xpertspro-site .nav .xpMenuOS{position:fixed!important;top:calc(var(--xp-header-height,84px) + 14px)!important;left:50%!important;right:auto!important;width:min(1420px,calc(100vw - 88px))!important;max-height:calc(100svh - var(--xp-header-height,84px) - 30px);overflow:auto;overscroll-behavior:contain;display:block!important;padding:0!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:21px!important;color:#f4f2ef;background:radial-gradient(ellipse at 78% 0%,rgba(220,137,105,.11),transparent 37%),linear-gradient(145deg,rgba(19,18,17,.985),rgba(7,7,7,.99))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 30px 90px rgba(0,0,0,.72)!important;transform:translate(-50%,-9px)!important;transition:opacity .24s ease,transform .3s cubic-bezier(.2,.75,.2,1),visibility .24s ease;z-index:90!important}
body.xpertspro-site .navMenuCapabilities:hover>.xpMenuOS,body.xpertspro-site .navMenuCapabilities:focus-within>.xpMenuOS,body.xpertspro-site .navMenuCapabilities.menuOpen>.xpMenuOS,body.xpertspro-site .navMenuSolutions:hover>.xpMenuOS,body.xpertspro-site .navMenuSolutions:focus-within>.xpMenuOS,body.xpertspro-site .navMenuSolutions.menuOpen>.xpMenuOS{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-50%,0)!important}
body.xpertspro-site .xpOSFrame{display:grid;grid-template-columns:205px minmax(0,1fr) 282px;grid-template-rows:minmax(0,1fr) 42px;min-height:426px}
body.xpertspro-site .xpOSRail{display:flex;flex-direction:column;padding:24px 14px 18px;border-right:1px solid rgba(255,255,255,.09);background:linear-gradient(160deg,rgba(255,255,255,.025),transparent 65%)}
body.xpertspro-site .xpOSRailLabel,body.xpertspro-site .xpOSKicker,body.xpertspro-site .xpOSCardLabel,body.xpertspro-site .xpOSTerminalHead,body.xpertspro-site .xpOSFooter{font-size:8px;letter-spacing:.16em;text-transform:uppercase}
body.xpertspro-site .xpOSRailLabel{color:#8c837c;padding:0 8px 15px}
body.xpertspro-site .xpOSItem{display:grid!important;grid-template-columns:25px minmax(0,1fr) 12px;align-items:center;gap:7px;min-height:43px;margin:2px 0;padding:8px!important;border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;transition:background .2s,border-color .2s,transform .2s}
body.xpertspro-site .xpOSItem>span{font-size:8px;color:#77716b;font-variant-numeric:tabular-nums}
body.xpertspro-site .xpOSItem>b{font-size:10px;font-weight:520;color:#aaa49f}
body.xpertspro-site .xpOSItem>i{font-size:10px;font-style:normal;color:#d58b6d;opacity:0;transform:translateX(-3px);transition:.2s}
body.xpertspro-site .xpOSItem:hover,body.xpertspro-site .xpOSItem:focus-visible,body.xpertspro-site .xpOSItem.isActive{background:linear-gradient(100deg,rgba(220,137,105,.13),rgba(220,137,105,.035))!important;border-color:rgba(220,137,105,.22)!important;transform:translateX(2px)}
body.xpertspro-site .xpOSItem.isActive>span{color:#e3a082}
body.xpertspro-site .xpOSItem.isActive>b,body.xpertspro-site .xpOSItem:hover>b{color:#f1eeea}
body.xpertspro-site .xpOSItem:hover>i,body.xpertspro-site .xpOSItem:focus-visible>i,body.xpertspro-site .xpOSItem.isActive>i{opacity:1;transform:none}
body.xpertspro-site .xpOSRailFoot{display:flex;align-items:center;gap:7px;margin-top:auto;padding:15px 7px 0;border-top:1px solid rgba(255,255,255,.08);color:#77716b;font-size:7px;line-height:1.45;letter-spacing:.1em}
body.xpertspro-site .xpOSDot,body.xpertspro-site .xpOSStatus>i,body.xpertspro-site .xpOSTerminalHead>span:last-child>i{width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#b9d37a;box-shadow:0 0 11px rgba(185,211,122,.65)}
body.xpertspro-site .xpOSMain{min-width:0;padding:27px 27px 23px}
body.xpertspro-site .xpOSMainHead{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
body.xpertspro-site .xpOSKicker{color:#d89071}
body.xpertspro-site .xpOSMainHead h2{margin:11px 0 8px;color:#f5f2ef;font-size:clamp(27px,2.45vw,36px);line-height:1;letter-spacing:-.06em;font-weight:620}
body.xpertspro-site .xpOSMainHead p{max-width:440px;margin:0;color:#9c9690;font-size:11px;line-height:1.55}
body.xpertspro-site .xpOSStatus{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:7px 9px;border:1px solid rgba(185,211,122,.22);border-radius:999px;color:#c6d994;background:rgba(185,211,122,.055);font-size:7px;letter-spacing:.1em}
body.xpertspro-site .xpOSFeatureGrid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:10px;margin-top:21px}
body.xpertspro-site .xpOSLead,body.xpertspro-site .xpOSStackCard{position:relative;min-width:0;min-height:214px;overflow:hidden;padding:15px!important;border:1px solid rgba(255,255,255,.105)!important;border-radius:12px!important;background:linear-gradient(150deg,#191715,#0c0c0c)!important;transition:transform .22s,border-color .22s,background .22s}
body.xpertspro-site .xpOSLead{display:flex!important;flex-direction:column;align-items:flex-start;gap:0!important}
body.xpertspro-site .xpOSLead:before{content:"";position:absolute;right:-38px;top:-62px;width:150px;height:150px;border-radius:50%;border:1px solid rgba(220,137,105,.12);box-shadow:0 0 0 18px rgba(220,137,105,.025),0 0 0 38px rgba(220,137,105,.018);pointer-events:none}
body.xpertspro-site .xpOSLead:hover,body.xpertspro-site .xpOSLead:focus-visible{transform:translateY(-2px);border-color:rgba(220,137,105,.35)!important;background:linear-gradient(150deg,#201a17,#0d0c0b)!important}
body.xpertspro-site .xpOSCardLabel{display:flex;justify-content:space-between;gap:8px;color:#d89071;font-size:7px}
body.xpertspro-site .xpOSLead>strong{position:relative;max-width:300px;margin-top:14px;color:#f3f0ed;font-size:18px;line-height:1.12;letter-spacing:-.04em;font-weight:620}
body.xpertspro-site .xpOSLead>small{position:relative;max-width:300px;margin-top:8px;color:#9d9791;font-size:9px;line-height:1.55;letter-spacing:0}
body.xpertspro-site .xpOSCardLink{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding-top:14px;color:#e9a487;font-size:9px;font-weight:570}
body.xpertspro-site .xpOSCardLink b{color:#e9a487;font-size:12px}
body.xpertspro-site .xpOSStackCard{display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(ellipse at 78% 26%,rgba(220,137,105,.13),transparent 48%),linear-gradient(150deg,#171513,#0b0b0b)!important}
body.xpertspro-site .xpOSCardLabel>span{color:#7d7872}
body.xpertspro-site .xpOSFlow{display:flex;align-items:center;justify-content:space-between;gap:4px;height:105px;padding:0 4px;position:relative}
body.xpertspro-site .xpOSFlowLine{position:relative;flex:1;height:1px;background:linear-gradient(90deg,rgba(220,137,105,.55),rgba(185,211,122,.65));background-size:200% 100%;animation:xpOSDataFlow 2.4s linear infinite;box-shadow:0 0 8px rgba(220,137,105,.2)}
body.xpertspro-site .xpOSNode{position:relative;z-index:1;width:43px;height:43px;flex:0 0 43px;display:grid;place-content:center;text-align:center;gap:3px;border:1px solid rgba(220,137,105,.6);border-radius:11px;background:#12100f;box-shadow:0 0 22px rgba(220,137,105,.12)}
body.xpertspro-site .xpOSNode b{color:#efaa8b;font-size:9px;font-weight:650;letter-spacing:.05em}
body.xpertspro-site .xpOSNode small{color:#807971;font-size:5px;letter-spacing:.07em}
body.xpertspro-site .xpOSNode.n2{border-color:rgba(185,211,122,.55);box-shadow:0 0 23px rgba(185,211,122,.11)}
body.xpertspro-site .xpOSNode.n2 b{color:#c3dc8a}
body.xpertspro-site .xpOSNode.n3{border-color:rgba(136,190,196,.55);box-shadow:0 0 23px rgba(136,190,196,.1)}
body.xpertspro-site .xpOSNode.n3 b{color:#9ed0d4}
body.xpertspro-site .xpOSChips{display:flex;flex-wrap:wrap;gap:5px}
body.xpertspro-site .xpOSChips span{padding:5px 7px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.025);color:#99928b;font-size:7px}
body.xpertspro-site .xpOSTerminal{display:flex;flex-direction:column;min-width:0;padding:23px 17px 17px;border-left:1px solid rgba(255,255,255,.09);background:linear-gradient(160deg,rgba(255,255,255,.022),rgba(0,0,0,.16))}
body.xpertspro-site .xpOSTerminalHead{display:flex;justify-content:space-between;align-items:center;gap:6px;color:#8e8780;font-size:7px}
body.xpertspro-site .xpOSTerminalHead>span:last-child{display:inline-flex;align-items:center;gap:5px;color:#b8cc86;font-size:6px}
body.xpertspro-site .xpOSTerminalWindow{flex:1;min-height:205px;margin-top:15px;overflow:hidden;border:1px solid rgba(255,255,255,.105);border-radius:10px;background:linear-gradient(150deg,#090a09,#11100e)}
body.xpertspro-site .xpOSTermDots{height:28px;display:flex;align-items:center;gap:4px;padding:0 10px;border-bottom:1px solid rgba(255,255,255,.075);color:#6f6963;font-size:6px;letter-spacing:.04em}
body.xpertspro-site .xpOSTermDots i{width:5px;height:5px;border-radius:50%;background:#514c47}
body.xpertspro-site .xpOSTermDots i:first-child{background:#d89071}
body.xpertspro-site .xpOSTermDots span{margin-left:6px}
body.xpertspro-site .xpOSTerminalWindow pre{margin:0;padding:12px 10px;color:#aaa39b;white-space:pre-wrap;overflow-wrap:anywhere;font:8px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace}
body.xpertspro-site .xpOSTerminalWindow pre em{font-style:normal;color:#e39a79}
body.xpertspro-site .xpOSTerminalWindow pre b{font-weight:500;color:#bfd78a}
body.xpertspro-site .xpOSTerminalWindow pre span{color:#716b64}
body.xpertspro-site .xpOSContact{display:flex!important;align-items:center;justify-content:space-between;gap:8px;margin-top:11px;padding:11px 10px!important;border:1px solid rgba(220,137,105,.28)!important;border-radius:9px!important;background:linear-gradient(100deg,rgba(220,137,105,.14),rgba(220,137,105,.04))!important;color:#f0b69a!important;font-size:8px;letter-spacing:0}
body.xpertspro-site .xpOSContact>span{display:flex;align-items:center;gap:6px}
body.xpertspro-site .xpOSContact>span b{font-size:12px}
body.xpertspro-site .xpOSContact>i{font-style:normal;color:#9d7767;font-size:7px}
body.xpertspro-site .xpOSFooter{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 22px;border-top:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.018);color:#77716b;font-size:7px}
body.xpertspro-site .xpOSFooter a{color:#d99a7f;font-size:7px;letter-spacing:.08em}
body.xpertspro-site .xpOSFooter a b{margin-left:5px;font-size:10px}
}
@keyframes xpOSDataFlow{to{background-position:-200% 0}}
@media(min-width:1025px) and (max-width:1260px){
body.xpertspro-site .nav .xpMenuOS{width:calc(100vw - 48px)!important}
body.xpertspro-site .xpOSFrame{grid-template-columns:176px minmax(0,1fr) 246px}
body.xpertspro-site .xpOSMain{padding:23px 20px 20px}
body.xpertspro-site .xpOSMainHead h2{font-size:29px}
body.xpertspro-site .xpOSStatus{font-size:6px;padding:6px 7px}
body.xpertspro-site .xpOSLead>strong{font-size:16px}
body.xpertspro-site .xpOSTerminal{padding-inline:13px}
}
@media(prefers-reduced-motion:reduce){
body.xpertspro-site .xpOSFlowLine{animation:none}
body.xpertspro-site .nav .xpMenuOS,body.xpertspro-site .xpOSItem,body.xpertspro-site .xpOSLead{transition:none!important}
}


/* V2 compact navigation: preserve the premium frame while keeping detail on the page. */
@media(min-width:1025px){
  body.xpertspro-site .xpOSFrame--quick{grid-template-columns:230px minmax(0,1fr) 300px;grid-template-rows:minmax(0,1fr) 42px;min-height:336px}
  body.xpertspro-site .xpOSFrame--quick .xpOSRail{padding:23px 14px 17px}
  body.xpertspro-site .xpOSFrame--quick .xpOSItem{min-height:39px}
  body.xpertspro-site .xpOSQuickMain{display:flex;flex-direction:column;justify-content:center;padding:34px clamp(28px,3.2vw,54px)}
  body.xpertspro-site .xpOSQuickMain .xpOSMainHead h2{margin:14px 0 10px;font-size:clamp(30px,3vw,43px);line-height:1.04}
  body.xpertspro-site .xpOSQuickMain .xpOSMainHead p{max-width:510px;font-size:13px;line-height:1.65}
  body.xpertspro-site .xpOSQuickMeta{display:flex;align-items:center;gap:14px;margin-top:27px;padding-top:17px;border-top:1px solid rgba(255,255,255,.1)}
  body.xpertspro-site .xpOSQuickMetaLabel{color:#d89071;font-size:8px;letter-spacing:.15em}
  body.xpertspro-site .xpOSQuickMeta [data-menu-context]{color:#a7a099;font-size:11px}
  body.xpertspro-site .xpOSQuickAction{display:flex!important;align-items:center;justify-content:space-between;gap:12px;max-width:340px;margin-top:20px;padding:12px 0!important;border:0!important;border-bottom:1px solid rgba(220,137,105,.42)!important;border-radius:0!important;background:transparent!important;color:#e9a487!important;font-size:11px}
  body.xpertspro-site .xpOSQuickAction b{font-size:15px;color:#e9a487}
  body.xpertspro-site .xpOSQuickAction:hover{color:#f5c1a5!important;border-bottom-color:#e9a487!important}
  body.xpertspro-site .xpOSQuickAside{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:28px 24px;border-left:1px solid rgba(255,255,255,.09);background:radial-gradient(ellipse at 100% 0%,rgba(220,137,105,.1),transparent 55%),linear-gradient(160deg,rgba(255,255,255,.022),rgba(0,0,0,.16))}
  body.xpertspro-site .xpOSQuickEyebrow{display:flex;align-items:center;gap:8px;color:#c58b72;font-size:8px;letter-spacing:.13em}
  body.xpertspro-site .xpOSQuickEyebrow i{width:6px;height:6px;border-radius:50%;background:#b9d37a;box-shadow:0 0 10px rgba(185,211,122,.6)}
  body.xpertspro-site .xpOSQuickAside h3{max-width:240px;margin:24px 0 9px;color:#f4f1ed;font-size:23px;line-height:1.13;letter-spacing:-.045em;font-weight:600}
  body.xpertspro-site .xpOSQuickAside p{max-width:240px;margin:0;color:#9c9690;font-size:11px;line-height:1.65}
  body.xpertspro-site .xpOSQuickAside .xpOSContact{margin-top:26px}
}
@media(min-width:1025px) and (max-width:1260px){
  body.xpertspro-site .xpOSFrame--quick{grid-template-columns:196px minmax(0,1fr) 260px;min-height:318px}
  body.xpertspro-site .xpOSQuickMain{padding-inline:25px}
  body.xpertspro-site .xpOSQuickAside{padding-inline:19px}
  body.xpertspro-site .xpOSQuickAside h3{font-size:20px}
}
@media(max-width:1024px){
  body.xpertspro-site .xpOSFrame--quick{display:flex;flex-direction:column;min-height:0}
  body.xpertspro-site .xpOSFrame--quick .xpOSRail{border-right:0}
  body.xpertspro-site .xpOSQuickMain{padding:24px 20px}
  body.xpertspro-site .xpOSQuickAside{padding:20px;border-top:1px solid rgba(255,255,255,.09)}
  body.xpertspro-site .xpOSQuickAside h3{margin:14px 0 8px}
  body.xpertspro-site .xpOSQuickAside .xpOSContact{margin-top:16px}
  body.xpertspro-site .xpOSFooter{min-height:42px}
}

/* Related capability map: a small, item-aware companion to the compact V2 navigation. */
@media(min-width:1025px){
  body.xpertspro-site .xpOSFrame--quick{grid-template-columns:230px minmax(0,1fr) 332px;min-height:372px}
  body.xpertspro-site .xpOSQuickMain{padding-top:38px;padding-bottom:36px}
  body.xpertspro-site .xpOSRelatedAside{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:24px 22px;border-left:1px solid rgba(255,255,255,.09);background:radial-gradient(ellipse at 100% 0%,rgba(220,137,105,.09),transparent 56%),linear-gradient(160deg,rgba(255,255,255,.022),rgba(0,0,0,.16))}
  body.xpertspro-site .xpOSRelatedHead{display:flex;align-items:center;justify-content:space-between;gap:8px}
  body.xpertspro-site .xpOSRelatedAside .xpOSQuickEyebrow{font-size:7px}
  body.xpertspro-site .xpOSRelatedNumber{color:#77716b;font-size:7px;letter-spacing:.1em;font-variant-numeric:tabular-nums}
  body.xpertspro-site .xpOSRelatedIntro{max-width:280px;margin:18px 0 0;color:#aaa39d;font-size:10px;line-height:1.6}
  body.xpertspro-site .xpOSRelatedFlow{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:19px 0 17px}
  body.xpertspro-site .xpOSRelatedNode{width:61px;height:57px;flex:0 0 61px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid rgba(220,137,105,.43);border-radius:11px;background:linear-gradient(145deg,rgba(220,137,105,.09),rgba(15,14,13,.9));text-align:center}
  body.xpertspro-site .xpOSRelatedNode b{max-width:58px;overflow:hidden;color:#e7a184;font-size:7px;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap}
  body.xpertspro-site .xpOSRelatedNode small{color:#807971;font-size:5px;letter-spacing:.08em}
  body.xpertspro-site .xpOSRelatedNode--green{border-color:rgba(185,211,122,.4);background:linear-gradient(145deg,rgba(185,211,122,.07),rgba(15,14,13,.9))}
  body.xpertspro-site .xpOSRelatedNode--green b{color:#c3d98d}
  body.xpertspro-site .xpOSRelatedNode--blue{border-color:rgba(136,190,196,.38);background:linear-gradient(145deg,rgba(136,190,196,.07),rgba(15,14,13,.9))}
  body.xpertspro-site .xpOSRelatedNode--blue b{color:#9dcbd0}
  body.xpertspro-site .xpOSRelatedLine{height:1px;min-width:8px;flex:1;background:linear-gradient(90deg,rgba(220,137,105,.7),rgba(185,211,122,.7));box-shadow:0 0 8px rgba(220,137,105,.17)}
  body.xpertspro-site .xpOSRelatedServices{padding-top:13px;border-top:1px solid rgba(255,255,255,.09)}
  body.xpertspro-site .xpOSRelatedServicesLabel{color:#8c837c;font-size:7px;letter-spacing:.13em}
  body.xpertspro-site .xpOSRelatedServices [data-related-tags]{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}
  body.xpertspro-site .xpOSRelatedServices [data-related-tags] span{padding:5px 7px;border:1px solid rgba(255,255,255,.095);border-radius:999px;background:rgba(255,255,255,.025);color:#aaa39d;font-size:7px}
}
@media(min-width:1025px) and (max-width:1260px){
  body.xpertspro-site .xpOSFrame--quick{grid-template-columns:196px minmax(0,1fr) 292px;min-height:356px}
  body.xpertspro-site .xpOSRelatedAside{padding-inline:17px}
  body.xpertspro-site .xpOSRelatedIntro{font-size:9px}
  body.xpertspro-site .xpOSRelatedNode{width:54px;flex-basis:54px}
}
@media(max-width:1024px){
  body.xpertspro-site .xpOSFrame--quick{display:flex;flex-direction:column;min-height:0}
  body.xpertspro-site .xpOSRelatedAside{padding:20px;border-top:1px solid rgba(255,255,255,.09)}
  body.xpertspro-site .xpOSRelatedIntro{margin-top:12px}
  body.xpertspro-site .xpOSRelatedFlow{margin:16px 0}
  body.xpertspro-site .xpOSRelatedNode{width:58px;height:54px;flex-basis:58px}
}

/* Header alignment and hover continuity for the fixed mega panel. */
@media(min-width:1025px){
  body.xpertspro-site .nav .xpMenuOS{
    top:calc(var(--xp-header-height,68px) - 2px)!important;
    transition:opacity .22s ease .14s,transform .26s cubic-bezier(.2,.75,.2,1) .14s,visibility 0s linear .14s;
  }
  body.xpertspro-site .navMenuCapabilities:hover>.xpMenuOS,
  body.xpertspro-site .navMenuCapabilities:focus-within>.xpMenuOS,
  body.xpertspro-site .navMenuCapabilities.menuOpen>.xpMenuOS,
  body.xpertspro-site .navMenuSolutions:hover>.xpMenuOS,
  body.xpertspro-site .navMenuSolutions:focus-within>.xpMenuOS,
  body.xpertspro-site .navMenuSolutions.menuOpen>.xpMenuOS{transition-delay:0s}
  body.admin-bar.xpertspro-site .nav .xpMenuOS{top:calc(var(--xp-header-height,68px) + 48px)!important}
  body.xpertspro-site .xpOSFrame--quick{min-height:350px}
}
@media(min-width:1025px) and (max-width:1260px){
  body.xpertspro-site .xpOSFrame--quick{min-height:340px}
}

/* Anchor both desktop mega panels to the header bottom; no viewport-offset gap. */
@media(min-width:1025px){
  body.xpertspro-site .nav .navMenuCapabilities,
  body.xpertspro-site .nav .navMenuSolutions{position:static!important}
  body.xpertspro-site .nav .xpMenuOS{
    position:absolute!important;
    top:100%!important;
    left:50%!important;
    right:auto!important;
    transform:translate(-50%,-7px)!important;
    transition:opacity .2s ease .14s,transform .24s cubic-bezier(.2,.75,.2,1) .14s,visibility 0s linear .14s;
  }
  body.xpertspro-site .navMenuCapabilities:hover>.xpMenuOS,
  body.xpertspro-site .navMenuCapabilities:focus-within>.xpMenuOS,
  body.xpertspro-site .navMenuCapabilities.menuOpen>.xpMenuOS,
  body.xpertspro-site .navMenuSolutions:hover>.xpMenuOS,
  body.xpertspro-site .navMenuSolutions:focus-within>.xpMenuOS,
  body.xpertspro-site .navMenuSolutions.menuOpen>.xpMenuOS{transform:translate(-50%,0)!important;transition-delay:0s}
  body.admin-bar.xpertspro-site .nav .xpMenuOS{top:100%!important}
}

/* Rebalance the center and related-flow columns; keep the link rules content-sized. */
@media(min-width:1025px){
  body.xpertspro-site .xpOSFrame--quick{grid-template-columns:220px minmax(0,1fr) 410px}
  body.xpertspro-site .xpOSQuickMain{padding-left:clamp(24px,2.4vw,36px);padding-right:clamp(24px,2.4vw,36px)}
  body.xpertspro-site .xpOSQuickMain .xpOSQuickMeta{width:min(100%,560px)}
  body.xpertspro-site .xpOSQuickMain .xpOSQuickAction{width:min(100%,560px);max-width:560px}
}
@media(min-width:1025px) and (max-width:1260px){
  body.xpertspro-site .xpOSFrame--quick{grid-template-columns:190px minmax(0,1fr) 350px}
  body.xpertspro-site .xpOSQuickMain{padding-left:24px;padding-right:24px}
}

@media(min-width:1025px){
  /* Position the absolute panel against the full viewport-width nav, not its wrap. */
  body.xpertspro-site .nav .navInner{position:static!important}
}

@media(min-width:1025px){
  /* Prevent the header's blur from becoming a containing block for the viewport panel. */
  body.xpertspro-site .nav,
  body.xpertspro-site .nav.geoScrolled{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  body.xpertspro-site .nav .navMenuCapabilities,
  body.xpertspro-site .nav .navMenuSolutions{position:relative!important}
  body.xpertspro-site .nav .xpMenuOS{
    position:fixed!important;
    top:calc(var(--xp-header-height,68px) + 14px)!important;
    left:50vw!important;
    right:auto!important;
    transform:translate(-50%,-7px)!important;
  }
  body.xpertspro-site .navMenuCapabilities:hover>.xpMenuOS,
  body.xpertspro-site .navMenuCapabilities:focus-within>.xpMenuOS,
  body.xpertspro-site .navMenuCapabilities.menuOpen>.xpMenuOS,
  body.xpertspro-site .navMenuSolutions:hover>.xpMenuOS,
  body.xpertspro-site .navMenuSolutions:focus-within>.xpMenuOS,
  body.xpertspro-site .navMenuSolutions.menuOpen>.xpMenuOS{transform:translate(-50%,0)!important}
  body.admin-bar.xpertspro-site .nav .xpMenuOS{top:calc(var(--xp-header-height,68px) + 46px)!important}
}


/* Tighten the content column and give the related capability panel more room. */
@media(min-width:1025px){
  body.xpertspro-site .nav .xpMenuOS{top:68px!important}
  body.admin-bar.xpertspro-site .nav .xpMenuOS{top:100px!important}
  body.xpertspro-site .xpOSFrame--quick{grid-template-columns:220px minmax(0,1fr) 450px}
  body.xpertspro-site .xpOSQuickMain{padding-top:30px;padding-bottom:28px;padding-left:30px;padding-right:30px}
  body.xpertspro-site .xpOSQuickMain .xpOSQuickMeta{width:min(100%,460px)}
  body.xpertspro-site .xpOSQuickMain .xpOSQuickAction{width:min(100%,460px);max-width:460px}
}
@media(min-width:1025px) and (max-width:1260px){
  body.xpertspro-site .nav .xpMenuOS{top:68px!important}
  body.admin-bar.xpertspro-site .nav .xpMenuOS{top:100px!important}
  body.xpertspro-site .xpOSFrame--quick{grid-template-columns:190px minmax(0,1fr) 380px}
  body.xpertspro-site .xpOSQuickMain{padding-top:26px;padding-bottom:24px;padding-left:24px;padding-right:24px}
  body.xpertspro-site .xpOSQuickMain .xpOSQuickMeta{width:min(100%,400px)}
  body.xpertspro-site .xpOSQuickMain .xpOSQuickAction{width:min(100%,400px);max-width:400px}
}

@media(min-width:1025px){
  body.xpertspro-site .xpOSRelatedNode b{max-width:none;font-size:6px;letter-spacing:.02em;overflow:visible;text-overflow:clip}
  body.xpertspro-site .xpOSRelatedNode small{font-size:5px;letter-spacing:.04em}
}

/* Center the separator in a deliberate gutter between the overview and related panel. */
@media(min-width:1025px){
  body.xpertspro-site .xpOSQuickMain{position:relative;margin-right:28px}
  body.xpertspro-site .xpOSQuickMain::after{
    content:"";
    position:absolute;
    z-index:2;
    top:0;
    right:-14px;
    bottom:0;
    width:1px;
    background:rgba(255,255,255,.12);
    pointer-events:none;
  }
  body.xpertspro-site .xpOSRelatedAside{border-left:0}
  body.xpertspro-site .xpOSQuickMain .xpOSQuickMeta,
  body.xpertspro-site .xpOSQuickMain .xpOSQuickAction{margin-left:0}
}
@media(min-width:1025px) and (max-width:1260px){
  body.xpertspro-site .xpOSQuickMain{margin-right:24px}
  body.xpertspro-site .xpOSQuickMain::after{right:-12px}
}

/* Make the center/right gutter explicit; pin its separator to the midpoint. */
@media(min-width:1025px){
  body.xpertspro-site .xpOSQuickMain{margin-right:0}
  body.xpertspro-site .xpOSQuickMain::after{content:none}
  body.xpertspro-site .xpOSRelatedAside{
    position:relative;
    margin-left:28px;
    border-left:0!important;
  }
  body.xpertspro-site .xpOSRelatedAside::before{
    content:"";
    position:absolute;
    top:24px;
    bottom:24px;
    left:-14px;
    width:1px;
    background:rgba(255,255,255,.12);
    pointer-events:none;
  }
}
@media(min-width:1025px) and (max-width:1260px){
  body.xpertspro-site .xpOSRelatedAside{margin-left:24px}
  body.xpertspro-site .xpOSRelatedAside::before{left:-12px}
}
