/* Static route pages keep the prerendered PCM shell but do not boot React. */
.pcm-static-nav-parent { position: relative; }
.pcm-static-dropdown {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  z-index: 80;
  width: 224px;
  padding: 4px 0;
  background: #fff;
  border: 1px solid #d9dee7;
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .18);
}
.pcm-static-dropdown[hidden] { display: none; }
.pcm-static-dropdown a {
  display: block;
  padding: 8px 16px;
  color: #14213d;
  text-decoration: none;
  white-space: nowrap;
  font-size: 14px;
}
.pcm-static-dropdown a:hover,
.pcm-static-dropdown a:focus { background: #f6f7f9; }
.pcm-static-mobile {
  display: none;
  position: fixed;
  inset: 0 0 0 auto;
  z-index: 90;
  width: min(88vw, 360px);
  overflow: auto;
  padding: 72px 24px 24px;
  background: #fff;
  box-shadow: -12px 0 30px rgba(15, 23, 42, .18);
}
.pcm-static-mobile.is-open { display: block; }
.pcm-static-mobile button[aria-label="Close menu"] {
  position: absolute;
  top: 18px;
  right: 18px;
}
.pcm-static-mobile a {
  display: block;
  padding: 12px 0;
  color: #14213d;
  text-decoration: none;
  font-weight: 600;
}
.pcm-static-mobile-subnav {
  background: #f6f7f9;
}
.pcm-static-mobile-subnav a {
  padding: 10px 16px;
  color: #4b5563;
  font-size: 14px;
  font-weight: 400;
  border-bottom: 1px solid #e5e7eb;
}
@media (min-width: 1024px) {
  main { padding-top: 32px; }
}
@media (max-width: 1023px) {
  main { padding-top: 24px; }
  .pcm-static-dropdown { display: none !important; }
}