@layer forum-round6 {
  html body .nav .burger {
    background: #071631 !important;
    background-image: none !important;
    border: 1px solid #274267 !important;
    color: #f4f7ff !important;
    box-shadow: 0 0 14px rgba(43, 102, 244, .18), inset 0 0 10px rgba(73, 136, 255, .12) !important;
  }
  html body .nav .burger span {
    left: 13px !important;
    right: auto !important;
    width: 18px !important;
    height: 2px !important;
    border-radius: 2px !important;
    background: currentColor !important;
  }
  html body .nav .burger span:first-child {
    top: 17px !important;
  }
  html body .nav .burger span:last-child {
    top: 25px !important;
  }
  html body:is(.forum-nav-light, .nav-on-light) .nav .burger {
    background: #f0f5ff !important;
    border-color: #cadbf8 !important;
    color: #153c77 !important;
    box-shadow: inset 0 0 10px rgba(73, 136, 255, .1) !important;
  }
  html body .nav .burger:focus-visible {
    outline: 2px solid #518dff !important;
    outline-offset: 3px !important;
  }
  html body .ui-video-actions {
    align-items: center !important;
  }
  html body .ui-video-actions .ui-video-note {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 36px !important;
    padding: 6px 12px !important;
    border: 1px solid rgba(255, 255, 255, .45) !important;
    border-radius: 999px !important;
    background: rgba(3, 10, 26, .72) !important;
    color: #fff !important;
    font: 500 12.5px / 1.2 Onest, Arial, sans-serif !important;
    backdrop-filter: blur(12px) !important;
    box-sizing: border-box !important;
    cursor: default !important;
  }
  @media (hover: hover) {
    html body .nav .burger:hover {
      background: #102751 !important;
      border-color: #4d87e6 !important;
    }
    html body:is(.forum-nav-light, .nav-on-light) .nav .burger:hover {
      background: #e3edff !important;
      border-color: #7ca4ec !important;
    }
  }
  @media (min-width: 681px) {
    html body .nav .brand-name {
      width: auto !important;
      max-width: none !important;
      font-size: clamp(18px, 1.5vw, 22px) !important;
      line-height: 1.15 !important;
      font-weight: 650 !important;
      letter-spacing: -.025em !important;
      white-space: nowrap !important;
      text-wrap: nowrap !important;
    }
    html body .nav .brand-ncs {
      flex: none !important;
      gap: 9px !important;
    }
    html body .nav .nav-shell {
      gap: 14px !important;
    }
    html body #partners .v138-tier--official .v137-plink {
      height: 132px !important;
      padding: 22px !important;
      border-radius: 22px !important;
      box-sizing: border-box !important;
    }
    html body #partners .v138-tier--official .partner-logo {
      height: 88px !important;
      max-height: 100% !important;
      max-width: 400px !important;
      width: 100% !important;
      object-fit: contain !important;
    }
    html body #routes :is(.routes-grid, .route-stack) {
      align-items: stretch !important;
      align-content: start !important;
      height: auto !important;
      min-height: 0 !important;
      max-height: none !important;
      grid-template-rows: none !important;
      grid-auto-rows: auto !important;
    }
    html body #routes .route-card {
      display: flex !important;
      flex-direction: column !important;
      align-items: stretch !important;
      align-self: stretch !important;
      height: auto !important;
      min-height: 160px !important;
      box-sizing: border-box !important;
      gap: 0 !important;
    }
    html body #routes .route-card .route-copy {
      flex: none !important;
      align-self: stretch !important;
    }
    html body #routes .route-card > .v91-topics {
      flex: none !important;
      align-self: stretch !important;
    }
    html body #routes .route-card .forum-decor {
      top: 62px !important;
      bottom: auto !important;
    }
  }
  @media (min-width: 1200px) {
    html body .nav .brand-name {
      font-size: clamp(24px, 1.875vw, 28px) !important;
      font-weight: 700 !important;
    }
    html body .nav .nav-shell {
      grid-template-columns: auto minmax(0, 1fr) auto !important;
      gap: 12px !important;
    }
  }
  @media (min-width: 1200px) and (max-width: 1440px) {
    html body .nav .nav-links {
      gap: 2px !important;
    }
    html body .nav .nav-links a {
      padding-right: 6px !important;
      padding-left: 6px !important;
    }
  }
}
