/* About uses existing design tokens. Also covers the two plain-nav pages. */
.site-header .site-nav .has-sub.nav-about{display:flex;flex-direction:column}
.site-header .site-nav .nav-about .nav-item-sub{display:flex;align-items:stretch}
.site-header .site-nav .nav-about .nav-item-sub>a{flex:1}
.site-header .site-nav .nav-about .sub-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;min-height:44px;background:none;border:none;cursor:pointer;flex-shrink:0;padding:0}
.site-header .site-nav .nav-about .sub-caret{width:7px;height:7px;border-right:2px solid var(--navy);border-bottom:2px solid var(--navy);transform:rotate(45deg);transition:transform .15s}
.site-header .site-nav .nav-about .sub-toggle[aria-expanded="true"] .sub-caret{transform:rotate(-135deg)}
.site-header .site-nav .nav-about .sub-nav{list-style:none;display:none;margin:0 0 6px 14px;padding-left:12px;border-left:2px solid var(--border)}
.site-header .site-nav .nav-about .sub-nav.open{display:block}
.site-header .site-nav .nav-about .sub-nav li{margin:0}
.site-header .site-nav .nav-about .sub-nav a{display:flex;align-items:center;padding:9px 6px;font-size:13.76px;font-weight:600;color:var(--navy);text-decoration:none;border-radius:6px;min-height:38px;white-space:normal}
.site-header .site-nav .nav-about .sub-nav a:hover{background:var(--cream-warm)}
@media(min-width:1060px){
  .site-header .site-nav .has-sub.nav-about{position:relative}
  .site-header .site-nav .has-sub.nav-about .nav-item-sub{position:relative;align-items:center}
  .site-header .site-nav .has-sub.nav-about .nav-item-sub>.sub-toggle{position:absolute;right:-10px;width:24px;height:26px;min-height:0}
  .site-header .site-nav .has-sub.nav-about>.sub-nav{position:absolute;top:100%;left:auto;right:0;background:var(--white);border:1px solid var(--border);border-radius:var(--r-sm);box-shadow:var(--shadow-md);min-width:280px;max-width:calc(100vw - 36px);max-height:70vh;overflow-y:auto;padding:6px;margin:0;border-left:none;z-index:70}
  .site-header .site-nav .has-sub.nav-about>.sub-nav a{font-size:13.44px;padding:9px 10px}
  /* Remove the pointer gap between the row and each dropdown. */
  .site-header .site-nav .has-sub>.sub-nav{margin-top:0}
}