/* Framed mode. What to hide is per site (cdk_app_frame.module 'hide'). */

/* Second-level header: site branding + the site's own menu (one row). */
.cdk-frame-subnav {
  display: flex; flex-wrap: nowrap; align-items: center; gap: 2px;
  padding: 6px 12px; background: #fff; border-bottom: 1px solid #e4e7eb;
  font-size: 0.875rem; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch;
  flex-shrink: 0;
}
.cdk-frame-subnav::-webkit-scrollbar { display: none; }
.cdk-frame-subnav a {
  padding: 5px 10px; border-radius: 6px; color: #1f2933; text-decoration: none; white-space: nowrap; flex-shrink: 0;
}
.cdk-frame-subnav a:hover, .cdk-frame-subnav a:focus-visible { background: #f1f4f7; }
.cdk-frame-subnav a.is-active { background: #e6f2ec; font-weight: 600; }
.cdk-frame-subnav a.is-external::after { content: " \2197"; color: #5b6670; font-size: 0.75em; }
.cdk-frame-subnav__brand { font-weight: 700; margin-right: 6px; color: #1b4332 !important; }
@media (max-width: 760px) {
  .cdk-frame-subnav { padding: 4px 8px; font-size: 0.8125rem; }
  .cdk-frame-subnav a { padding: 6px 9px; }
}