/* chrome.css: shared header/footer styles (Resources glass dropdown, footer social under the brand). */
.nav-res{position:relative}
.nav-links a.nav-res-tg{display:inline-flex;align-items:center;gap:5px;cursor:pointer}
.nav-res-tg svg{width:14px;height:14px;transition:transform .25s}
.nav-res.open .nav-res-tg svg{transform:rotate(180deg)}
.nav-res-menu{display:none;position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);grid-template-columns:repeat(2,minmax(168px,1fr));gap:2px 6px;padding:10px;border-radius:24px;z-index:60;
  background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.02) 42%,rgba(255,255,255,0) 60%,color-mix(in oklab,var(--tone,#7B7CFF) 14%,transparent)),color-mix(in oklab,var(--tone,#7B7CFF) 8%,rgba(14,17,26,.72));
  -webkit-backdrop-filter:blur(22px) saturate(1.8) brightness(1.08);backdrop-filter:blur(22px) saturate(1.8) brightness(1.08);
  border:0;box-shadow:inset 0 1px rgba(255,255,255,.18),0 30px 70px -24px rgba(0,0,0,.75)}
.nav-res-menu::before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}
.nav-res.open .nav-res-menu{display:grid;animation:nav-res-in .22s cubic-bezier(.2,.8,.2,1)}
@keyframes nav-res-in{from{opacity:0;transform:translateX(-50%) translateY(-6px) scale(.98)}to{opacity:1;transform:translateX(-50%)}}
@media (hover:hover) and (min-width:1001px){.nav-res:hover .nav-res-menu{display:grid;animation:nav-res-in .22s cubic-bezier(.2,.8,.2,1)}.nav-res:hover .nav-res-tg svg{transform:rotate(180deg)}}
.nav-res-col{padding:4px}
.nav-res-menu ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.nav-res-h{margin:4px 0 6px;padding:0 14px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(232,236,245,.45)}
html .nav .nav-links .nav-res-menu a{display:block;padding:11px 14px!important;border-radius:14px!important;font-size:15px!important;font-weight:500;letter-spacing:-.005em;white-space:nowrap;color:rgba(232,236,245,.78)!important;background:transparent!important;box-shadow:none!important;transition:color .25s,background .25s}
html .nav .nav-links .nav-res-menu a:hover,html .nav .nav-links .nav-res-menu a:focus-visible{color:#fff!important;background:rgba(255,255,255,.07)!important;box-shadow:inset 0 1px rgba(255,255,255,.08)!important}
html .nav .nav-links .nav-res-menu a.cur,html .nav .nav-links .nav-res-menu a[aria-current=page]{color:#fff!important;background:linear-gradient(180deg,#5f59ff,#3a33e8)!important;box-shadow:inset 0 1px rgba(255,255,255,.25),0 8px 20px -10px rgba(58,51,232,.8)!important}
html.light .nav-res-menu{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.86)),color-mix(in oklab,var(--tone,#6364f1) 6%,transparent);box-shadow:inset 0 1px #fff,0 30px 70px -28px color-mix(in oklab,var(--tone,#6364f1) 55%,transparent),0 4px 14px rgba(16,24,40,.08)}
html.light .nav-res-h{color:#8a93a8}
html.light .nav .nav-links .nav-res-menu a{color:#45516a!important}
html.light .nav .nav-links .nav-res-menu a:hover,html.light .nav .nav-links .nav-res-menu a:focus-visible{color:#172033!important;background:rgba(23,32,51,.05)!important;box-shadow:none!important}
html.light .nav .nav-links .nav-res-menu a.cur,html.light .nav .nav-links .nav-res-menu a[aria-current=page]{color:#fff!important;background:linear-gradient(180deg,#5f59ff,#3a33e8)!important;box-shadow:inset 0 1px rgba(255,255,255,.3),0 8px 20px -10px rgba(58,51,232,.6)!important}
@media(prefers-reduced-motion:reduce){.nav-res .nav-res-menu{animation:none!important}}
@media (max-width:1000px){
  .nav-links a.nav-res-tg{pointer-events:none;padding:14px 12px 4px!important;font-size:11px!important;font-weight:600!important;letter-spacing:.12em;text-transform:uppercase;opacity:.6}
  .nav-res-tg svg{display:none}
  .nav-res-menu{display:block;position:static;transform:none;padding:0;border:0;border-radius:0;background:none!important;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none;animation:none!important}
  .nav-res-col{padding:0}
  .nav-res-menu::before{display:none}
  .nav-res-h{padding:10px 12px 2px;margin:0}
  html .nav .nav-links .nav-res-menu a{font-size:16px!important;padding:12px!important}
}
/* footer: social icons sit under the brand line */
.foot .foot-brand ul.foot-social{margin-top:28px}
/* footer logo (shared footer uses the image logo; these rules used to live only in inner-p.min.css) */
.logo-img{display:block;height:28px;width:auto;aspect-ratio:742/210}
.logo-img-foot{height:34px}
.logo-img-l{display:none}
html.light .logo-img-foot.logo-img-d{display:none}
html.light .logo-img-foot.logo-img-l{display:block}
@media(max-width:560px){.logo-img{height:24px}.logo-img-foot{height:30px}}
/* header logo: white wordmark on the dark glass bar; dark wordmark whenever the bar turns light
   (light mode after scrolling, or the open mobile menu) */
html.light .nav.nav-solid .logo-img-d,html.light .nav.wow-float .logo-img-d,html.light body.menu-open .nav .logo-img-d{display:none}
html.light .nav.nav-solid .logo-img-l,html.light .nav.wow-float .logo-img-l,html.light body.menu-open .nav .logo-img-l{display:block}
