.platform-nav-toggle{display:none}
.nav-toggle span,.platform-nav-toggle span{display:block;width:19px;height:2px;background:currentColor;transition:transform .18s,opacity .18s}
.nav-toggle b,.platform-nav-toggle b{font-size:.62rem;font-weight:700}
.nav-toggle[aria-expanded="true"] span:nth-child(1),.platform-nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2),.platform-nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3),.platform-nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media(max-width:1180px){
  .platform-header,.site-header{position:relative;z-index:30}
  .platform-nav-toggle,.nav-toggle{display:grid;grid-template-columns:19px auto;grid-template-rows:repeat(3,2px);column-gap:.5rem;row-gap:4px;align-items:center;border:1px solid currentColor;background:transparent;color:inherit;padding:.65rem;cursor:pointer}
  .platform-nav-toggle b,.nav-toggle b{grid-column:2;grid-row:1/4;align-self:center}
  .platform-header nav,.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100vh - 72px);overflow-y:auto;padding:1.2rem;background:var(--ink);color:#fff;border-top:1px solid rgba(255,255,255,.18);box-shadow:0 18px 32px rgba(0,0,0,.18);flex-direction:column;align-items:stretch;gap:0!important}
  .platform-header nav.open,.site-header nav.open{display:flex}
  .platform-header nav>a,.site-header nav>a{display:block!important;padding:.8rem .35rem;border-bottom:1px solid rgba(255,255,255,.14)}
  .platform-header nav .platform-button{margin-top:.7rem;border-color:#fff}
  .nav-tools{padding:.8rem .35rem;border-bottom:1px solid rgba(255,255,255,.14)}
  .nav-tools summary{width:100%!important}
  .nav-tools-menu{position:static;min-width:0;margin:.65rem 0 0;padding:.2rem 0 .2rem .8rem;background:transparent;border:0;border-left:1px solid rgba(255,255,255,.25);box-shadow:none}
  .nav-tools-menu a{padding:.6rem 0}
  .platform-home-nav{margin-top:.7rem!important;border:1px solid rgba(255,255,255,.45)!important;text-align:center;font-weight:700}
  .dna-context-picker{position:static!important;display:flex!important;width:100%;margin-top:.8rem;padding:.8rem!important;border-color:rgba(255,255,255,.3)!important;background:rgba(255,255,255,.08)!important;box-shadow:none!important;color:#fff}
  .dna-context-picker label{min-width:0;flex:1}
  .dna-context-picker label span{display:block!important;color:rgba(255,255,255,.7)!important}
  .dna-context-picker select{width:100%;max-width:none!important;color:#fff!important}
  .dna-context-picker select option{color:#111;background:#fff}
  .dna-context-picker button{display:block!important;align-self:stretch!important;background:#fff!important;color:var(--ink)!important}
  body.nav-open{overflow:hidden}
}
@media(max-width:560px){
  .platform-header,.site-header{height:72px;padding-inline:1rem}
  .platform-nav-toggle b,.nav-toggle b{display:none}
  .platform-nav-toggle,.nav-toggle{grid-template-columns:19px;padding:.65rem}
  .brand,.platform-brand{min-width:0}
  .brand>span:last-child,.platform-brand-copy{min-width:0}
  .brand strong,.platform-brand-copy>strong{display:block;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .brand small,.platform-brand-copy>span{display:none!important}
}
@media(max-width:390px){.brand strong,.platform-brand-copy>strong{max-width:170px}.brand-mark{width:46px!important;height:46px!important;flex-basis:46px!important}}
